小程序——弹出框

159 阅读 0 评论 105 点赞

我是靠谱客的博主紧张铅笔，这篇文章主要介绍小程序——弹出框，现在分享给大家，希望可以做个参考。

1.提示框

复制代码

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

2.加载框

复制代码

1
2
3
4
wx.showLoading({
title: '提交中..',
})

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

复制代码

1
2
wx.hideLoading();

3.确定框

复制代码

1
2
3
4
5
6
7
wx.showModal({
title: '提示',
content: '是否选择该老师？',
success: function (res) {},
fail:function (res) {}
})

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

复制代码

1
2
3
4
5
6
7
8
9
10
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