微信小程序

6-7 交互反馈 wx.showToast

2017-11-22  本文已影响112人  留白_汉服vs插画

上一节中缺少收藏成功和取消收藏成功的提醒。是不友好的。

查查“关于”,看看小程序有没有提供相关组件、API。避免自己编写。效率问题。

查看交互反馈。就是收藏或者取消收藏的时候,会提醒用户。

知识点1、交互反馈

知识点2、在点击事件中使用showToast方法,和title属性。

先考虑一下,在哪添加这个方法?因为是点击图片,之后显示“收藏成功”或者“取消收藏”。所以应该是在图片的点击事件上。

wx.showToast({

title: postCollected?"收藏成功":"取消收藏",//显示的文字

icon:'success',//图标

duration:1000 //显示的时长

})

知识点3、通过先判断postCollected状态,再来显示不同提示。三元赋值。

知识点4、提示的消失时长duration设置。icon为success或者loading(这个等待不是很好)。

知识点5、showToast 中间还有fail,success,complete三个方法,根据自己业务是否需要再写。

上一篇 下一篇

猜你喜欢

热点阅读