限制群名称长度14

pages/im/group/index.vue

@@ -5,7 +5,7 @@
             <view v-for="(item, index) in groups" :key="index" class="friend-flex" @click="toGroup(item.targetId)">
                 <u-avatar size="38" shape="square" :src="contact(item.targetId).portraitUrl" />
                 <view class="info">
-                    <view class="name">{{ item.name }}</view>
+                    <view class="name">{{item.name}}  <span class="total">共10人</span></view>
                 </view>
             </view>
             <view class="group-count"> {{groups.length}}个群聊 </view>
@@ -49,7 +49,7 @@
         onNavigationBarButtonTap() {
             this.createModal = true
         },
-        onLoad() {
+        onShow() {
             this.initData()
             uni.$on('onGroupDismiss', this.initData)
         },
@@ -137,6 +137,11 @@
             .name {
                 font-size: $title-size + 1;
                 color: #454545 !important;
+            }
+            .total{
+                color: $text-gray-m;
+                font-size: $title-size-m - 5;
+                padding-left: 10rpx;
             }
 
             .address {