如何在小程序里一键清除未读消息?

使用触发器的隐藏,实现列表消息的清除。

效果展示

前置准备

1. 消息列表素材

具体步骤(6)

1. 添加消息列表背景

2.制作标题

3.制作标记已读

4.制作未读消息气泡

5.创建隐藏触发器

6.创建标记已读触发器

步骤分解

1.添加消息列表背景

1.1. 拖拽 图片组件根容器

1.2. 选中 图片组件

1.3. 点击 检查面板 中的 数据绑定与设置

1.4. 上传图片素材

1.5. 点击 检查面板 中的 样式

1.6. 调整 图片组件 样式

2.制作标题

2.1. 拖拽 标签文本根容器

2.2. 选中 标签文本

2.3. 点击 检查面板 中的 样式

2.4. 配置 标签文本 样式

3.制作标记已读

3.1. 拖拽 标签文本 到 根容器

3.2. 选中 标签文本

3.3. 点击 检查面板 中的 样式

3.4. 配置 标签文本 样式

3.5. 拖拽 标签组件根容器

3.6. 点击 检查面板 中的 数据绑定与设置

3.7. 选择 图标

3.8. 选中 图标

3.9. 点击 检查面板 中的 样式

3.10. 配置图标 样式

4.制作未读消息气泡

4.1. 拖拽 标签文本消息列表素材

4.2. 选中 标签文本

4.3. 点击 检查面板 中的 样式

4.4. 调整 标签文本样式

5.创建隐藏触发器

5.1. 选中未读消息气泡

5.2. 点击 检查面板 中的 触发器

5.3. 配置 触发器

5.4. 其余未读消息气泡操作逻辑相同

6.创建标记已读触发器

5.1. 选中标记已读 标签文本

5.2. 点击 检查面板 中的 触发器

5.3. 配置 触发器

这样就可以一键清除未读消息了。

本文转载自知乎:如何在小程序里一键清除未读消息? - TOWIFY的文章 - 知乎
   https://zhuanlan.zhihu.com/p/585268643

(0)

相关推荐

  • 陌陌app如何清除未读消息提示?

    若有一段时间未使用陌陌,而当我们点开陌陌界面的时候,堆积的未读消息数便显眼地显示着.下面小编便给大家介绍陌陌清除未读消息提示方法,快速方便,省去一个个进行阅读的时间. 相关教程:陌陌app怎么修改默认 ...

  • 支付宝中的未读消息如何一键清除去掉红点

    我们在使用支付宝的时候,总会收到很多消息提示,想要一键清除未读消息,去掉消息上的红点,该怎么操作呢?今天就跟大家介绍一下支付宝中的未读消息如何一键清除去掉红点的具体操作步骤.1. 解锁手机后,找到桌面 ...

  • 在小程序里怎么做客服的功能

    如果我们用小程序做电商,在小程序里镶嵌一键拨号的功能,让用户直接拨打电话是一种方法. 但我们平时如果对商品有问题或者有需要咨询店家的,都是用的即时通讯(也就是发消息给客服) 那我们在小程序中怎么做客服 ...

  • 如何在微信小程序里给图片添加水印?

    我们在发朋友圈或者微博的时候会对我们的图片进行添加水印的处理,这样做可以保护我们的隐私,不被其他人所使用,今天,小编就教大家在微信小程序里将图片添加水印.具体如下:1. 我们在微信上方的搜索栏中输入& ...

  • 微信中怎么参与“水滴步步宝”小程序里的家人团活动

    今天,小编给大家介绍微信中参与"水滴步步宝"小程序里的家人团活动的方法,希望对大家有所帮助.具体如下:1. 第一步,请大家在自己的手机中找到[微信]图标,点击进入主界面.2. 第二 ...

  • 微博APP中的红色未读消息如何一键清除

    今天给大家介绍一下微博APP中的红色未读消息如何一键清除的具体操作步骤.1. 首先打开手机上的微博APP,进入首页后,点击底部的[消息]选项.2. 接着在打开的页面,切换到[消息]选项.3. 如图,可 ...

  • 如何使用微信小程序里的“扫描件”功能?

    当初发现微信"小程序"里有"扫描件"功能时,兴致勃勃的打开想体验的一下,结果看了半天都是些相关的介绍,居然有点"蒙圈"了,不知道具体该咋用? ...

  • 怎么在微信小程序里斗地主?

    今天小编要和大家分享的是怎么在微信小程序里斗地主,希望能够帮助到大家. 操作方法 01 首先在我们的手机桌面上找到微信并点击它,如下图所示. 02 然后点击发现,如下图所示. 03 接着点击小程序,如 ...

  • 如何一键清空手机版微博中的未读消息?

    相信很多小伙伴都有在手机上使用微博,其中的未读消息如何才能清空呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"微博".进入首页后,在"消息&q ...

  • 微信小程序可以向用户推送消息了?

    微信小程序可以向用户推送消息了?