微信小程序之几种常见的弹框提示信息

169 阅读 0 评论 112 点赞

我是靠谱客的博主疯狂豌豆，这篇文章主要介绍微信小程序之几种常见的弹框提示信息，现在分享给大家，希望可以做个参考。

一、模态窗口

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
wx.showModal
delete(){
wx.showModal({
title: '',
content: '是否确认删除',
success(res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
}

推荐一下我自己的前端学习群562862926，里面有大神总结的一套前端教学视频，欢迎有兴趣的朋友进群一起学习

二、提示你想提示的信息
提示你想提示的信息

复制代码

1
2
3
4
5
6
wx.showToast({
title: '成功',
icon: 'success',
duration: 2000
})

注意

wx.showLoading 和 wx.showToast 同时只能显示一个

wx.showToast 应与 wx.hideToast 配对使用

三、显示 loading 提示框

复制代码

1
2
3
4
5
6
7
8
wx.showLoading
wx.showLoading({
title: '加载中',
})
setTimeout(function () {
wx.hideLoading()
}, 2000)

四、 wx.showActionSheet(OBJECT)

复制代码

1
2
3
4
5
6
7
8
9
10
wx.showActionSheet({
itemList: ['A', 'B', 'C'],
success: function(res) {
console.log(res.tapIndex)
},
fail: function(res) {
console.log(res.errMsg)
}
})