微信小程序：怎么实现像微信语音，播放过的删除小红点（在线求助！）

Question

因为是循环渲染的视图搞了半天思路都不对

变成类似单选的

用三元运算判断当前点击的id然后display：none
思路完全错误
循环渲染的列表，都是统一的变量
没办法像js那样根据id来修改属性
实在搞不出来了！

<view class='weike-body-dian' id='{{item.id}}'  style='display:{{ item.id== record[mesgid].id ? record[mesgid].display : "" }}'> <view></view></view>

Answer 1

从数据源着手，如果当前页播放列表的临时数组是空，那么从API读取，并赋值给这个临时数组。列表绑定临时数组。每播放完一个更改临时数组中对应数据的标识状态。

Answer 2

item没法加个属性用来标识是否播放过吗？

Answer 3

你这个不是和购物车差不多嘛，点击某个就选中，你这里就是点击后把那个红点消失，你先给每个音频一个字段用于判断是否有红点，然后再循环出来，你这个肯定是与红点同时循环，所以，你利用点击的时候，把刚用来判断的字段，改个值，然后重新渲染就可以了