['同步']

pages.json

@@ -453,7 +453,9 @@
             "path": "pages/im/friends/mine",
             "name": "imFriendsMine",
             "style": {
-                "navigationBarTitleText": "我的资料"
+                "navigationBarTitleText": "我的二维码",
+                "navigationBarBackgroundColor": "#34CE98",
+                "navigationBarTextStyle": "white"
             }
         },
         {
@@ -573,13 +575,13 @@
                 "navigationBarBackgroundColor": "#34CE98",
                 "navigationBarTextStyle": "white"
             }
-        },{
-            "path" : "pages/im/private/chat",
-            "style" : {
+        }, {
+            "path": "pages/im/private/chat",
+            "style": {
                 "disableScroll": true,
                 "navigationBarTitleText": "聊天",
                 "enablePullDownRefresh": false,
-                "navigationBarBackgroundColor":"#F3F6FB"
+                "navigationBarBackgroundColor": "#F3F6FB"
             }
         }
     ],

pages/im/index.vue

@@ -36,10 +36,7 @@
                     <view class="avatar">
                         <u-badge numberType="ellipsis" max="99" shape="horn" absolute :offset="[-5, -5]"
                             :value="item.unreadMessageCount" />
-                        <u-avatar size="46" v-if="!friend(item.targetId).portraitUrl" shape="square"
-                            :text="friend(item.targetId).name ? friend(item.targetId).name.substring(0,1) : '未'"
-                            font-size="16" randomBgColor />
-                        <u-avatar v-else :src="friend(item.targetId).portraitUrl" shape="square" size="46" />
+                        <u-avatar :src="friend(item.targetId).portraitUrl || require('@/static/user/cover.png')" shape="square" size="46" />
                     </view>
                     <view class="content">
                         <view class="header">
@@ -242,7 +239,7 @@
     // header
     .custom-header {
         @extend .ios-top;
-        background: #fff;
+        background: $window-color;
         position: fixed;
         top: 0;
         left: 0;
@@ -311,13 +308,14 @@
 
         .message {
             background: white;
-            padding: 30rpx 30rpx 0 30rpx;
+            padding: 30rpx 0 0 30rpx;
             position: relative;
             display: flex;
 
 
             &.is-top {
                 background: $window-color;
+                border-bottom: #e8e8e8;
                 // background-color: rgba($color: $main-color, $alpha: 0.02);
             }
 
@@ -333,7 +331,7 @@
                 margin-left: 30rpx;
                 width: calc(100% - 46px);
                 box-sizing: border-box;
-                border-bottom: solid 1rpx #eee;
+                border-bottom: solid 1rpx #f3f3f3;
                 position: relative;
 
                 .header {
@@ -350,17 +348,16 @@
                         font-size: $title-size-sm;
                         color: $text-gray-m;
                         position: absolute;
-                        right: 0;
+                        right: 30rpx;
                     }
                 }
 
                 .preview {
                     word-break: break-all;
                     color: $text-gray-m;
-                    font-size: $title-size-sm + 2;
                     padding-top: $padding - 20;
                     padding-bottom: $padding;
-                    padding-bottom: $padding;
+                    font-size: $title-size-m;
                     width: 500rpx;
                     @extend .nowrap;
                 }