聊天完成

pages/messages/messagesList.vue

@@ -7,12 +7,12 @@
 			</view>
 		</view>
 		<!-- 消息列表 -->
-		<view class="massage_list" v-for="(item,index) in list" :key="index">
+		<view class="massage_list" v-for="(item,index) in list" :key="index"  @click="gochat(item)">
 			<view class="images">
-				<image :src="item.url" ></image>
+				<image :src="item.avatar" ></image>
 			</view>
 			<view class="names">{{item.name}}</view>
-			<view class="content">{{item.content}}</view>
+			<view class="content u-line-1">{{item.text}}</view>
 			<view class="times">{{item.time}}</view>
 		</view>
 		<u-toast ref="uToast" />
@@ -23,32 +23,41 @@
 		data() {
 			return {
 				keyword: '搜索',
-				list: [{
-						name: '瘦瘦',
-						content: "木糖少女小紫薯西装领连衣裙夏季新款女装装领连衣裙夏季装领连衣裙夏季装领连衣裙夏季夏收腰格子格纹裙子",
-						url: '../../static/image/tosign/tosigin(5).png',
-						id : '1',
-						time : '10：15'
-					},
-					{
-						name: '瘦瘦',
-						content: "木糖少女小紫薯西装领连衣裙夏季新款女装装领连衣裙夏季装领连衣裙夏季装领连衣裙夏季夏收腰格子格纹裙子",
-						url: '../../static/image/tosign/tosigin(5).png',
-						id : '1',
-						time : '10：15'
-					},
-					{
-						name: '瘦瘦',
-						content: "木糖少女小紫薯西装领连衣裙夏季新款女装装领连衣裙夏季装领连衣裙夏季装领连衣裙夏季夏收腰格子格纹裙子",
-						url: '../../static/image/tosign/tosigin(5).png',
-						id : '1',
-						time : '10：15'
-					},
+				list: [
+					
 				],
 			};
 		},
 		methods: {
-			
+			gochat(id){
+				console.log(id)
+				this.$u.route({
+					url:"/pages/messages/privateChat",
+					params:{
+						id:JSON.stringify(id)
+					}
+					
+				})
+			},
+			onFriendListChange(onlineFriends) {
+				//todo:比较垃圾的处理方式，因为Uniapp的基于MAP的双向绑定在H5端不稳定，H5端偶尔会抽风
+				// 下边这一行删掉，有时候页面可以更新，有时候不行，大家有优雅的方式，也欢迎跟我们沟通
+				console.log(onlineFriends,121212)
+				this.information_dl = onlineFriends;
+
+				this.$forceUpdate();
+			},
+		},
+		onShow(){
+			this.list = this.imService.friends;
+			this.imService.onFriendListChange=this.onFriendListChange;
+		},
+		onLoad(){
+			const user = uni.getStorageSync('userinfo');
+			console.log(user)
+			this.imService.login(user.userId,"","")
+			this.imService.connectIM()
+			this.information_dl = this.imService.friends;
 		}
 	};
 </script>