uniapp写好友列表

不多说，上图
1.
2.重要的就是数据中的 isShowList:false
data() {
return {
dataList: [{
id: 1,
groupNmae: “高中同学”,
num: 8,
sum: 200,
isShowList:false,
chirder: [{
id: 11,
name: “lili”,
content: “朋友还就不见”,
time: “2020-05-29”
}]
}, {
id: 2,
groupNmae: “闺蜜”,
num: 2,
sum: 10,
isShowList:false,
chirder: [{
id: 21,
name: “lili”,
content: “朋友还就不见”,
time: “2020-05-29”
}, {
id: 22,
name: “lili”,
content: “朋友还就不见”,
time: “2020-05-29”
}]
}, {
id: 3,
groupNmae: “大学同学”,
num: 66,
sum: 200,
isShowList:false,
chirder: [{
id: 31,
name: “lili”,
content: “朋友还就不见”,
time: “2020-05-29”
}, {
id: 32,
name: “lili”,
content: “朋友还就不见”,
time: “2020-05-29”
}, {
id: 33,
name: “lili”,
content: “朋友还就不见”,
time: “2020-05-29”
}]
}]
}
},

3.
4.看效果，点击对应的好友分组，出现对象的列表，其他列表隐藏