美文网首页微信小程序
6-7 交互反馈 wx.showToast

6-7 交互反馈 wx.showToast

作者: 留白_汉服vs插画 | 来源:发表于2017-11-22 13:26 被阅读112次

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

    查查“关于”,看看小程序有没有提供相关组件、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三个方法,根据自己业务是否需要再写。

    相关文章

      网友评论

        本文标题:6-7 交互反馈 wx.showToast

        本文链接:https://www.haomeiwen.com/subject/wbsipxtx.html