...

pages/im/components/messageCell.vue

@@ -6,7 +6,7 @@
         </view>
         <view class="content">
             <view class="header">
-                <view class="name">{{ contact(item.targetId).name }}</view>
+                <view class="name">{{ contact(item.targetId).name }} <span v-if="item.conversationType === 3" class='qun'>[群]</span></view>
                 <view class="time">{{ item.sentTime|timeCustomCN }}</view>
             </view>
             <message-preview class="preview" :msg="item.latestMessage" :conversationType="item.conversationType"
@@ -71,6 +71,11 @@
                     font-size: $title-size + 2;
                     color: #454545;
                     color: #454545;
+                    .qun{
+                        color: $main-color;
+                        font-size: $title-size-m;
+                        margin-left: 4px;
+                    }
                 }
 
                 .time {

pages/im/components/showText.nvue

@@ -28,16 +28,17 @@
 <style scoped lang="scss">
     .msg--text {
         .name {
-            font-size: 24rpx;
+            font-size: 26rpx;
-            line-height: 34rpx;
+            padding-bottom: 10rpx;
             color: $text-gray-m;
         }
 
         .im--text {
-            max-width: 500rpx;
+            max-width: 508rpx;
             padding: 20rpx;
-            line-height: 44rpx;
+            line-height: 46rpx;
             font-size: 32rpx;
+            color: $text-color;
 
             &.left {
                 border-radius: 0 20rpx 20rpx 20rpx;

pages/im/group/chat.nvue

@@ -126,7 +126,8 @@
                 .cell-item {
                     width: 690rpx;
                     justify-content: flex-start;
-
+                    align-items: flex-start;
+                    margin-top: 20rpx;
 
                     &.left {
                         flex-direction: row;