uniapp 点击详情展示更多,并且标记已读(完整代码)

想要实现的效果:消息未读是标记为高亮色

uniapp 点击详情展示更多,并且标记已读(完整代码)_第1张图片

点击查看之后,下拉展开详情,并且未读标记变灰,表示消息已读。

uniapp 点击详情展示更多,并且标记已读(完整代码)_第2张图片

以下代码可直接复制使用

html:

js:

css:


你可能感兴趣的:(uniapp,vue,vue.js,javascript,uni-app)