微信小程序-消息提示框

微信小程序开发中toast也是重要的消息提示方式. 
提示框：

wx.showToast(OBJECT) 
显示消息提示框

OBJECT参数说明：

示例代码：

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

隐藏消息提示框

1. wx.showToast({
2. title:'加载中',
3. icon:'loading',
4. duration: 10000
5. })
6.  
7. setTimeout(function(){
8. wx.hideToast()
9. },2000)
10. wx.showModal(OBJECT)

显示模态弹窗

OBJECT参数说明：

示例代码：

1. wx.showModal({
2. title:'提示',
3. content:'这是一个模态弹窗',
4. success:function(res) {
5. if(res.confirm) {
6. console.log('用户点击确定')
7. }
8. }
9. })
10. wx.showActionSheet(OBJECT)
11. 显示操作菜单

OBJECT参数说明：

success返回参数说明：

示例代码：

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

设置导航条

1. <view>提示：{{tip}}</view>
2. <button type="default" bindtap="showModal">点击我弹出modal对话框</button>
3. <view>
4. <modal title="modal对话框" hidden="{{modalHidden}}" confirm-text="确定" cancel-text="取消"