一、单击删除按钮弹出确认取消框
第一步:添加单击事件
<button bind:tap='del'>删除</button>
第二步:编写单击事件js
del(){
wx.showModal({
title: '提示',
content: '是否确认删除',
success :(res)=> {
if (res.confirm) {
console.log('用户点击确定') //这里是单击确定执行的事件
} else if (res.cancel) {
console.log('用户点击取消') //这里是单击取消执行的事件
}
}
})
},
二、单击弹出提示框
wx.showToast({
title: '标题',
icon: 'none', 下面还有四种icon图标类型
// success 显示成功图标,此时 title 文本最多显示 7 个汉字长度
// error 显示失败图标,此时 title 文本最多显示 7 个汉字长度
// loading 显示加载图标,此时 title 文本最多显示 7 个汉字长度
// none 不显示图标,此时 title 文本最多可显示两行,1.9.0及以上版本支持
duration: 2000 //停留时间
})
三、单击弹出加载中的提示框
wx.showLoading({
title: '加载中',
})
setTimeout(function () {
wx.hideLoading()
}, 2000)
四、下方弹出选项
wx.showActionSheet({
itemList: ['A', 'B', 'C'],
success (res) {
console.log(res.tapIndex)
},
fail (res) {
console.log(res.errMsg)
}
})