Explorar el Código

修改昵称长度限制,样式调整

xyg hace 2 años
padre
commit
32665b0109

+ 1 - 1
light-application-wx/comps/chat/msglist/msglist.wxss

@@ -245,5 +245,5 @@
 .msg-img {
     width: 200rpx;
     height: 200rpx;
-    /* margin: 2px auto; */
+    margin: 0;
 }

+ 3 - 1
light-application-wx/pages/index/index.wxml

@@ -1,7 +1,9 @@
 <!--pages/index/index.wxml-->
 <view class="body" style="background-image: url({{imgPath}}/index-bg.png);">
     <view class="login-info">
-        <text>您好,{{username}}</text><text class="role-name">{{role_name}}</text>
+        <view style="display: flex;">
+            <view class="username">您好,{{username}}</view><text class="role-name">{{role_name}}</text>
+        </view>
         <view class="app-bottom">{{app_bottom}}</view>
     </view>
 </view>

+ 9 - 0
light-application-wx/pages/index/index.wxss

@@ -17,6 +17,15 @@ page {
     color: #FFFFFF;
 }
 
+.username {
+    width: 350rpx;
+    display: -webkit-box;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+}
+
 .role-name {
     font-size: 24rpx;
     background-color: #FFFFFF20;

+ 1 - 1
light-application-wx/pages/personal-edit/personal-edit.wxml

@@ -3,7 +3,7 @@
     <scroll-view class="formbody" scroll-y="true">
         <view class="page-section page-section-gap">
             <view class="page-section-title">昵称</view>
-            <input class="weui-input" name="nickName" value="{{nickName}}" placeholder="请输入昵称" />
+            <input class="weui-input" name="nickName" value="{{nickName}}" placeholder="请输入昵称" maxlength="10" />
         </view>
     </scroll-view>
     <view class="btn-area">

+ 1 - 1
light-application-wx/pages/personal/personal.wxml

@@ -2,7 +2,7 @@
 <image class="bgimage" mode="widthFix" src="{{imgPath}}/personal-bg.png"></image>
 <view class="user-info">
     <image class="photo" mode="scaleToFill" src="{{photo}}"></image>
-    <text class="username">{{username}}</text>
+    <view class="username">{{username}}</view>
     <text class="role-name">{{roleName}}</text>
     <image class="icon-edit" mode="scaleToFill" src="{{imgPath}}/personal-edit.png" bindtap="editInfo"></image>
 </view>

+ 6 - 0
light-application-wx/pages/personal/personal.wxss

@@ -28,6 +28,12 @@ page {
     font-size: 36rpx;
     color: #FFFFFF;
     margin-left: 15rpx;
+    width: 220rpx;
+    display: -webkit-box;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
 }
 
 .role-name {