微信小程序开发中toast也是重要的消息提示方式.
提示框:
wx.showToast(OBJECT)
显示消息提示框
OBJECT参数说明:
示例代码:
-
wx.showToast({
-
title:'成功',
-
icon:'success',
-
duration: 2000
-
})
-
wx.hideToast()
隐藏消息提示框
-
wx.showToast({
-
title:'加载中',
-
icon:'loading',
-
duration: 10000
-
})
-
-
setTimeout(function(){
-
wx.hideToast()
-
},2000)
-
wx.showModal(OBJECT)
显示模态弹窗
OBJECT参数说明:
示例代码:
-
wx.showModal({
-
title:'提示',
-
content:'这是一个模态弹窗',
-
success:function(res) {
-
if(res.confirm) {
-
console.log('用户点击确定')
-
}
-
}
-
})
-
wx.showActionSheet(OBJECT)
-
显示操作菜单
OBJECT参数说明:
success返回参数说明:
示例代码:
-
wx.showActionSheet({
-
itemList: ['A','B', 'C'],
-
success:function(res) {
-
if(!res.cancel) {
-
console.log(res.tapIndex)
-
}
-
}
-
})
设置导航条
-
<view>提示:{{tip}}</view>
-
<button type="default" bindtap="showModal">点击我弹出modal对话框</button>
-
<view>
-
<modal title="modal对话框" hidden="{{modalHidden}}" confirm-text="确定" cancel-text="取消"
|