各位小伙伴们,因微信公众号推送机制的变化,请一定要把公众号设置为星标,否则,你可能看不到陆大湿分享的资源了
在wxml中写入代码:
《button bindtap="lds"> 弹窗 《/button》 //《》需要改成<>
在js文件中写入代码:
lds(){ wx.showToast({ title: '纯文字弹窗', icon: 'none', //如果要纯文本,不要icon,将值设为'none' }) },
点击“弹窗” 显示效果:
wmxl文件中代码保持不变
在js文件中写入代码:
lds(){ wx.showModal({ title: '取消确认的弹窗', content: '确认要删除该项吗?', success: function (res) { if (res.confirm) { console.log('点击确认回调') } else { console.log('点击取消回调') } } }) },
点击“弹窗” 显示效果:
wmxl文件中代码保持不变
在js文件中写入代码:
lds(){ wx.showToast({ title: '成功提示弹窗', icon: '', //默认值是success,就算没有icon这个值,就算有其他值最终也显示success duration: 2000, //停留时间 })},
点击“弹窗” 显示效果:
wmxl文件中代码保持不变
在js文件中写入代码:
lds(){ wx.showToast({ title: '自定义图标弹窗', image: '/pages/logo_mini.png', //image的优先级会高于icon duration: 2000 })},
点击“弹窗” 显示效果:
wmxl文件中代码保持不变
在js文件中写入代码:
lds(){ wx.showLoading({ title:'加载中...' });},
点击“弹窗” 显示效果:
wmxl文件中代码保持不变
在js文件中写入代码:
lds(){ wx.showToast({title: '带蒙层的弹窗', duration: 2000, mask:true //是否有透明蒙层,默认为false //如果有透明蒙层,弹窗的期间不能点击文档内容 })},
点击“弹窗” 显示效果:
wmxl文件中代码保持不变
在js文件中写入代码:
lds(){ wx.showActionSheet({itemList: ['A', 'B', 'C'],success: function (res) {console.log(res); } })},
点击“弹窗” 显示效果:
本篇文章来源于微信公众号: 陆大湿
© 版权声明
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 陆大湿源码解压密码