zoukankan      html  css  js  c++  java
  • 微信小程序之界面交互反馈

    交互反馈就是在用户出发某事件之后,给用户一个反馈信息,这要是一个很友好的习惯。

    在小程序中是通过一下几种方式实现的:

    1.wx.showToast()方法

    showToast: function (postscollected, postcollected) {
        wx.setStorageSync("posts_collected", postscollected);
            //跟新数据绑定变量,从而且还图片
            this.setData({
            collected: postcollected
        })
            //这里调用了wx.showToast()方法  
        wx.showToast({
            title: postcollected?"收藏成功":"取消收藏",
            duration:2000,
            icon:"success",
        })
    }, 

    实现效果如图:

    再次点击收藏按钮:

    2.wx.showModal()方法

    showModal: function (postscollected,postcollected){
    var that = this
        //这里调用了wx.showModal()方法
    wx.showModal({
        title: '收藏',
        content:postcollected?'是否收藏该篇内容?':'取消收藏该文章?',
        showCancel: "true",
        cancelText: "取消",
        confirmText: "确定",
        success:function(res){
            if(res.confirm){
                wx.setStorageSync("posts_collected", postscollected);
                //跟新数据绑定变量
                that.setData({
                    collected: postcollected
                })
            }
        }
    })                

    不同状态之下点击收藏按钮出现如下效果:

    收藏以后点击按钮:

    原网址:https://blog.csdn.net/qq_40876689/article/details/80034886

  • 相关阅读:
    QT正则表达式
    unix网络编程笔记
    网页书签
    trie tree(字典树)
    C++网络爬虫抓取图片
    网络编程——客户端简单流程
    OpenCV系列--摄像头控制的简单代码
    订单号生成雪花算法
    docker 运行tomcat项目
    docker 打包springboot镜像并启动
  • 原文地址:https://www.cnblogs.com/Webzhoushifa/p/9512307.html
Copyright © 2011-2022 走看看