小程序——弹出框

1.提示框

 wx.showToast({
title: '成功',//用户看到的提示信息
icon: 'success',//提示图标，有error，success、none
duration: 2000//停留时间
})

2.加载框

wx.showLoading({
title: '提交中..',
})

加载完成后需要隐藏加载框

wx.hideLoading();

3.确定框

wx.showModal({
title: '提示',
content: '是否选择该老师？',
success: function (res) {},
fail:function (res) {}
})

此次开发中未遇到的其他框，参考这篇博客
4.底部单选框

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

5.其他框，这里用到小程序自带的picker组件，更改属性就可以换成其他框
（1）普通选择器：mode = selector
（2）多列选择器：mode = multiSelector
（3）时间选择器：mode = time
（4）日期选择器：mode = data
（5）省市区选择器：mode = region

最后

以上就是紧张铅笔为你收集整理的小程序——弹出框的全部内容，希望文章能够帮你解决小程序——弹出框所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。