Jelajahi Sumber

优化:个人中心页会员等级标签宽度问题

Yahoo 4 tahun lalu
induk
melakukan
1b835753e1
1 mengubah file dengan 3 tambahan dan 1 penghapusan
  1. 3 1
      pages/user/index.vue

+ 3 - 1
pages/user/index.vue

@@ -11,7 +11,7 @@
         </view>
         <view class="user-content">
           <!-- 会员昵称 -->
-          <view class="nick-name">{{ userInfo.nick_name }}</view>
+          <view class="nick-name oneline-hide">{{ userInfo.nick_name }}</view>
           <!-- 会员等级 -->
           <view v-if="userInfo.grade_id > 0 && userInfo.grade" class="user-grade">
             <view class="user-grade_icon">
@@ -420,6 +420,7 @@
         .nick-name {
           font-size: 32rpx;
           font-weight: bold;
+          max-width: 270rpx;
         }
 
         .mobile {
@@ -428,6 +429,7 @@
         }
 
         .user-grade {
+          align-self: baseline;
           display: flex;
           align-items: center;
           background: #3c3c3c;