微信小程序> 小程序的各种弹窗

小程序的各种弹窗

浏览量:527 时间: 来源:小曲曲

1、纯文本提示

   wx.showToast({      title: '纯文字弹窗',      icon: 'none',    //如果要纯文本,不要icon,将值设为'none'      duration: 2000         })  

2、取消确认提示

 wx.showModal({      title: 'confirm的弹窗',      content: '确认要删除该项吗?',      success: function (res) {        if (res.confirm) {            console.log('点击确认回调')        } else {             console.log('点击取消回调')        }      }    })

3、成功提示

wx.showToast({      title: '成功提示弹窗',      icon: '',     //默认值是success,就算没有icon这个值,就算有其他值最终也显示success      duration: 2000,      //停留时间    })

4、自定义图标弹窗

 wx.showToast({      title: '自定义图标弹窗',      image: '../../static/image/icon.png',  //image的优先级会高于icon      duration: 2000         })

5、加载中提示

wx.showLoading({      title:'加载中...'    });

6、带蒙层的弹窗

wx.showToast({      title: '带蒙层的弹窗',           duration: 2000,          mask:true    //是否有透明蒙层,默认为false                    //如果有透明蒙层,弹窗的期间不能点击文档内容     })

7、有列表弹窗

wx.showActionSheet({      itemList: ['A', 'B', 'C'],      success: function (res) {        console.log(res);      }    })

隐藏   wx.hideToast()
wx.hideLoading()

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎