群组聊天的基础功能，nvue

pages/im/friends/index.vue

@@ -6,7 +6,7 @@
                 <u-badge max="99" absolute :offset="[23, 20]" :value="pendingCount" />
                 <view class="info">新的朋友</view>
             </view>
-            <view class="friend-flex" @click="showToast">
+            <view class="friend-flex" @click="toGroup">
                 <u-avatar class="cover" size="40" shape="square" :src="require('@/static/im/im_00.png')"></u-avatar>
                 <view class="info">我的群聊</view>
             </view>
@@ -16,10 +16,10 @@
                     </u-index-anchor>
 
                     <view v-for="(friendItem, index) in item" :key="index" class="friend-flex u-border-bottom"
-                        @click="toFriend(friendItem.userId)">
-                        <u-avatar size="40" shape="square" :src="contact(friendItem.userId).portraitUrl" />
+                        @click="toFriend(friendItem.targetId)">
+                        <u-avatar size="40" shape="square" :src="contact(friendItem.targetId).portraitUrl" />
                         <view class="info">
-                            <view class="name">{{ contact(friendItem.userId).name }}</view>
+                            <view class="name">{{ contact(friendItem.targetId).name }}</view>
                             <view class="address">{{ friendItem.address }}</view>
                         </view>
                     </view>
@@ -82,11 +82,13 @@
                     }
                 })
             },
-            showToast() {
-                uni.showToast({
-                    title: '群聊功能暂未开放，敬请期待',
-                    icon: 'none'
-                });
+            toGroup() {
+                uni.navigateTo({
+                    url: '/pages/im/group/index',
+                    fail(err) {
+                        console.log(err);
+                    }
+                })
             },
             toFriend(targetId) {
                 uni.navigateTo({
@@ -138,6 +140,5 @@
                 font-size: $title-size-m - 5;
             }
         }
-
     }
 </style>