群组信息的页面间联动

pages/im/components/messageCell.vue

@@ -1,12 +1,13 @@
 <template>
     <view class="message--cell">
         <view class="avatar">
-            <u-badge max="99" shape="horn" absolute :offset="[-5, -8]" :value="item.unreadMessageCount" />
+            <u-badge max="99" shape="horn" absolute :offset="[-5, -8]" :value="item.unreadMessageCount" />
             <u-avatar :src="contact(item.targetId).portraitUrl" shape="square" size="44" />
         </view>
         <view class="content">
             <view class="header">
-                <view class="name">{{ contact(item.targetId).name }} <span v-if="item.conversationType === 3" class='qun'>[群]</span></view>
+                <view class="name">{{ contact(item.targetId).name }} <text v-if="item.conversationType === 3"
+                        class='qun'>[群]</text></view>
                 <view class="time">{{ item.sentTime|timeCustomCN }}</view>
             </view>
             <message-preview class="preview" :msg="item.latestMessage" :conversationType="item.conversationType"
@@ -41,22 +42,22 @@
 </script>
 
 <style lang="scss" scoped>
-    .message--cell {
-        display: flex;
-        padding: 20rpx 0 0 20rpx;
-        
+    .message--cell {
+        display: flex;
+        padding: 20rpx 0 0 20rpx;
+
         .avatar {
             position: relative;
 
             .u-badge {
                 z-index: 998;
-            }
+            }
         }
 
-        .content {
+        .content {
             margin-left: 30rpx;
             box-sizing: border-box;
-            position: relative;
+            position: relative;
             flex: 1;
 
             border-bottom-width: 0.5px !important;
@@ -69,9 +70,11 @@
 
                 .name {
                     font-size: $title-size + 2;
-                    color: #454545;
-                    color: #454545;
-                    .qun{
+                    color: #454545;
+                    display: flex;
+                    align-items: center;
+
+                    .qun {
                         color: $main-color;
                         font-size: $title-size-m;
                         margin-left: 4px;