diff --git a/pages.json b/pages.json
index 36e7ed8..a7aaca0 100644
--- a/pages.json
+++ b/pages.json
@@ -636,7 +636,7 @@
         }
     ],
     "tabBar": {
-        "borderStyle": "black",
+        "borderStyle": "white",
         "selectedColor": "#34CE98",
         "list": [{
                 "iconPath": "static/tabBar/tabBar_00.png",
diff --git a/pages/im/components/groupUserList.vue b/pages/im/components/groupUserList.vue
index f4f2711..e599250 100644
--- a/pages/im/components/groupUserList.vue
+++ b/pages/im/components/groupUserList.vue
@@ -4,27 +4,25 @@
             <view :class="['user', {'active': item.targetId === currentUser.targetId}]" @longpress="showAction(item)"
                 v-for="(item, index) in users" :key="index" @click="toUser(item)">
                 <view class="avatar">
-                    <u-avatar :size="avatarSize" shape="square" :src="contact(item.targetId).portraitUrl"></u-avatar>
+                    <u-avatar :size="avatarSize" shape="square" :src="contact(item.targetId).portraitUrl" />
                     <view class="admin" v-if="item.is_admin === 1">管理</view>
                     <view class="owner" v-if="item.is_admin === 2">群主</view>
                 </view>
                 <view class="name">{{ item.name }}</view>
             </view>
             <view class="user" v-if="isAdmin">
-                <u-avatar @click="inviteUser" :size="avatarSize" shape="square" icon="plus" bg-color="#eeeeee"
-                    color="#999999">
-                </u-avatar>
+                <u-avatar @click="inviteUser" :size="avatarSize" shape="square" icon="plus" bgColor="#f9f9f9" color="#c7c7c7" />
                 <view class="name">邀请好友</view>
             </view>
         </view>
 
-       <view class="loadmore">
-            <u-icon name="arrow-right" @click="loadMore" v-if="members > users.length" color="#999" labelColor="#999" label="查看更多群成员" labelPos='left' labelSize='28rpx' size="14" />
-       </view>
+        <view class="loadmore">
+            <u-icon name="arrow-right" @click="loadMore" v-if="members > users.length" color="#999" labelColor="#999"
+                label="查看更多群成员" labelPos='left' labelSize='28rpx' size="14" />
+        </view>
 
         <u-action-sheet :actions="actionMap" :title="actionTitle" cancelText="取消" @close="hideAction"
-            @select="handleAction" :show="actionShow">
-        </u-action-sheet>
+            @select="handleAction" :show="actionShow" />
     </view>
 </template>
 
@@ -277,7 +275,7 @@
                     background-color: $main-color;
                     transform: rotate(45deg);
                     color: #ffffff;
-                    font-size: 12rpx;
+                    font-size: 16rpx;
                     width: 100rpx;
                     padding-top: 30rpx;
                     text-align: center;
@@ -290,7 +288,7 @@
                     background-color: $text-price;
                     transform: rotate(45deg);
                     color: #ffffff;
-                    font-size: 12rpx;
+                    font-size: 16rpx;
                     width: 100rpx;
                     padding-top: 30rpx;
                     text-align: center;
@@ -301,14 +299,16 @@
             }
 
             .name {
-                color: $text-gray-m;
+                color: 20rpx;
                 width: 126rpx;
+                padding-top: 6rpx;
                 text-align: center;
-                font-size: 26rpx;
+                font-size: 22rpx !important;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
                 word-break: break-word;
+                color: $text-gray-m !important;
             }
 
         }
diff --git a/pages/im/components/messageCell.vue b/pages/im/components/messageCell.vue
index 4e37bcc..60cc614 100644
--- a/pages/im/components/messageCell.vue
+++ b/pages/im/components/messageCell.vue
@@ -6,8 +6,7 @@
         </view>
         <view class="content">
             <view class="header">
-                <view class="name">{{ contact(item.targetId).name }} <text v-if="item.conversationType === 3"
-                        class='qun'>[群]</text></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"
@@ -77,8 +76,10 @@
 
                     .qun {
                         color: $main-color;
-                        font-size: $title-size-m;
+                        font-size: $title-size-m - 4;
                         margin-left: 4px;
+                        position: relative;
+                        top: -4rpx;
                     }
                 }
 
diff --git a/pages/im/group/chat.nvue b/pages/im/group/chat.nvue
index a0da1bf..c62d24e 100644
--- a/pages/im/group/chat.nvue
+++ b/pages/im/group/chat.nvue
@@ -2,9 +2,7 @@
     <view class="group--chat">
         <list class="body" :show-scrollbar="false">
             <cell class="cell" v-for="(item, index) in messages" :key="index">
-                <view class="cell-system" v-if="item.senderUserId === '__system__'">
-                    <text class="text">{{ item.content.message }}</text>
-                </view>
+                <view class="cell-system" v-if="item.senderUserId === '__system__'"> <text class="text">{{ item.content.message }}</text> </view>
                 <view v-else :class="['cell-item', item.messageDirection == 1 ? 'right' : 'left']">
                     <u-avatar class="avatar" @click="toUser(item)" size="36" shape="square" :src="contact(item.senderUserId).portraitUrl" />
                     <view class="msg">
@@ -168,8 +166,8 @@
         flex: 1;
 
         .body {
-            flex: 1;
 
+            flex: 1;
             .cell {
                 padding: 10rpx 30rpx;
 
diff --git a/pages/im/private/chat.nvue b/pages/im/private/chat.nvue
index 87d0922..ea795d3 100644
--- a/pages/im/private/chat.nvue
+++ b/pages/im/private/chat.nvue
@@ -3,15 +3,19 @@
         <!-- chat -->
         <list class="body" :show-scrollbar="false">
             <cell class="cell" v-for="(item, index) in messages" :key="index">
-                <view class="time"> <text class="text">{{ customCN(item.sentTime) }}</text> </view>
+                <view class="time"> <text class="text">{{ customCN(item.sentTime) }}</text> </view>
                 <view :class="['cell-item', item.messageDirection == 1 ? 'right' : 'left']">
-                    <u-avatar class="avatar" size="36" shape="square" @click="showUser(targetId, item.messageDirection)" :src="contact(item.senderUserId).portraitUrl" />
+                    <u-avatar class="avatar" size="40" shape="square" @click="showUser(targetId, item.messageDirection)"
+                        :src="contact(item.senderUserId).portraitUrl" />
                     <view class="msg">
-                        <show-voice v-if="item.objectName === 'RC:HQVCMsg'" :guest="item.messageDirection == 1" :msg="item.content" />
-                        <show-image v-if="item.objectName === 'RC:ImgMsg'" :guest="item.messageDirection == 1" :msg="item.content" />
-                        <show-text v-if="item.objectName === 'RC:TxtMsg'" :guest="item.messageDirection == 1" :msg="item.content" />
+                        <show-voice v-if="item.objectName === 'RC:HQVCMsg'" :guest="item.messageDirection == 1"
+                            :msg="item.content" />
+                        <show-image v-if="item.objectName === 'RC:ImgMsg'" :guest="item.messageDirection == 1"
+                            :msg="item.content" />
+                        <show-text v-if="item.objectName === 'RC:TxtMsg'" :guest="item.messageDirection == 1"
+                            :msg="item.content" />
                         <view class="state" v-if="item.messageDirection == 1">
-                            <text class="state-text">{{ item.sentStatus == 50 ? '已读': '未读'}}</text>
+                            <text :class="item.sentStatus === 50?'state-text':'state-text-active'">{{ item.sentStatus == 50 ? '已读': '未读'}}</text>
                         </view>
                     </view>
                 </view>
@@ -55,19 +59,19 @@
             }
         },
         computed: {
-            latestMessage() {
-                if (this.messages.length) {
-                    return this.messages[this.messages.length - 1]
-                } else {
-                    return {
-                        sentTime: 0
-                    }
+            latestMessage() {
+                if (this.messages.length) {
+                    return this.messages[this.messages.length - 1]
+                } else {
+                    return {
+                        sentTime: 0
+                    }
+                }
+            },
+            contact() {
+                return function(targetId) {
+                    return this.$store.getters.contactInfo(targetId)
                 }
-            },
-            contact() {
-                return function(targetId) {
-                    return this.$store.getters.contactInfo(targetId)
-                }
             }
         },
         onLoad(e) {
@@ -104,18 +108,18 @@
             customCN(val) {
                 return timeCustomCN(val)
             },
-            getNewMessage() {
-                im.getMessageList(
-                    this.conversationType,
-                    this.targetId,
-                    this.latestMessage.sentTime || 0,
-                    1,
-                    false,
-                    (messages) => {
-                        console.log(messages);
-                        this.messages = this.messages.concat(messages)
-                        this.scrollBottom()
-                    })
+            getNewMessage() {
+                im.getMessageList(
+                    this.conversationType,
+                    this.targetId,
+                    this.latestMessage.sentTime || 0,
+                    1,
+                    false,
+                    (messages) => {
+                        console.log(messages);
+                        this.messages = this.messages.concat(messages)
+                        this.scrollBottom()
+                    })
             },
             // 获取消息列表
             getMessageList() {
@@ -125,7 +129,7 @@
                     0,
                     100,
                     true,
-                    (messages) => {
+                    (messages) => {
                         console.log(messages);
                         this.messages = messages.reverse()
                         this.scrollBottom()
@@ -167,6 +171,7 @@
         background: $window-color;
         flex: 1;
 
+
         .body {
             flex: 1;
 
@@ -192,7 +197,6 @@
                     width: 690rpx;
                     justify-content: flex-start;
 
-
                     &.left {
                         flex-direction: row;
                     }
@@ -213,8 +217,13 @@
                             padding-top: 10rpx;
 
                             .state-text {
-                                font-size: 24rpx;
-                                color: #666;
+                                font-size: $title-size-m - 2;
+                                color: rgba($color: $main-color, $alpha: 0.3)
+                            }
+
+                            .state-text-active {
+                                font-size: $title-size-m - 2;
+                               color: #cecece;
                             }
                         }
                     }