微信小程序开发中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="取消"