小程序弹框wx.showModal、wx.showActionSheet、wx.showToast

ぃ、小莉子 提交于 2020-11-09 05:04:35

wx.showModal

wx.showModal({
title: '删除图片',
content: '确定要删除该图片?',
showCancel: true,//是否显示取消按钮
cancelText:"否",//默认是“取消”
cancelColor:'skyblue',//取消文字的颜色
confirmText:"是",//默认是“确定”
confirmColor: 'skyblue',//确定文字的颜色
success: function (res) {
if (res.cancel) {
//点击取消,默认隐藏弹框
} else if (res.confirm){

//点击确定

wx.navigateBack({

delta: 1,
})
}

},
fail: function (res) { },//接口调用失败的回调函数
complete: function (res) { },//接口调用结束的回调函数(调用成功、失败都会执行)
})

wx.showActionSheet

wx.showActionSheet({
itemList: ['年份','月份','星期'],//显示的列表项
success: function (res) {//res.tapIndex点击的列表项
console.log("点击了列表项:" + that[res.tapIndex])
},
fail: function (res) { },
complete:function(res){ }
})

wx.showToast

wx.showToast({
title: '失败',//提示文字
duration:2000,//显示时长
mask:true,//是否显示透明蒙层,防止触摸穿透,默认:false 
icon:'success', //图标,支持"success"、"loading" 
success:function(){ },//接口调用成功
fail: function () { }, //接口调用失败的回调函数 
complete: function () { } //接口调用结束的回调函数 
})

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!