6-7 交互反馈 wx.showToast
2017-11-22 本文已影响112人
留白_汉服vs插画
上一节中缺少收藏成功和取消收藏成功的提醒。是不友好的。
查查“关于”,看看小程序有没有提供相关组件、API。避免自己编写。效率问题。
![](https://img.haomeiwen.com/i2037656/da290c7c48b06db9.png)
查看交互反馈。就是收藏或者取消收藏的时候,会提醒用户。
知识点1、交互反馈
![](https://img.haomeiwen.com/i2037656/93edea662c381365.png)
知识点2、在点击事件中使用showToast方法,和title属性。
先考虑一下,在哪添加这个方法?因为是点击图片,之后显示“收藏成功”或者“取消收藏”。所以应该是在图片的点击事件上。
wx.showToast({
title: postCollected?"收藏成功":"取消收藏",//显示的文字
icon:'success',//图标
duration:1000 //显示的时长
})
知识点3、通过先判断postCollected状态,再来显示不同提示。三元赋值。
知识点4、提示的消失时长duration设置。icon为success或者loading(这个等待不是很好)。
知识点5、showToast 中间还有fail,success,complete三个方法,根据自己业务是否需要再写。