<!--点击button触发toast-->
<button type="primary" bindtap="listenerButton">点击显示toast</button>
<!--toast消息框显示3秒，并绑定事件-->
<toast hidden="{{hiddenToast}}" duration="3000" bindchange="toastHidden" >OK!</toast>

Page({data:{// text:"这是一个页面"hiddenToast: true},
​
/*** 监听button点击事件*/listenerButton: function() {this.setData({hiddenToast: !this.data.hiddenToast})},/***    toast显示时间到时处理业务 */toastHidden:function(){this.setData({hiddenToast: true})},
​onLoad:function(options){// 页面初始化 options为页面跳转所带来的参数
  },onReady:function(){// 页面渲染完成
  },onShow:function(){// 页面显示
  },onHide:function(){// 页面隐藏
  },onUnload:function(){// 页面关闭
  }
})

<!--监听button点击事件-->
<button bindtap="listenerButton" type="primary">弹出modal</button>
​
<!--弹出框-->
<modal title="退出应用"hidden="{{hiddenModal}}"confirm-text="再看看"cancel-text="退出"bindconfirm="listenerConfirm"bindcancel="listenerCancel" >您是否真的要退出应用</modal>

Page({data:{// text:"这是一个页面"hiddenModal: true},
​listenerButton:function() {this.setData({hiddenModal: !this.data.hiddenModal})},
​listenerConfirm:function() {this.setData({hiddenModal: true})},
​listenerCancel:function() {this.setData({hiddenModal: true})},
​onLoad:function(options){// 页面初始化 options为页面跳转所带来的参数
  },onReady:function(){// 页面渲染完成
  },onShow:function(){// 页面显示
  },onHide:function(){// 页面隐藏
  },onUnload:function(){// 页面关闭
  }
})

<!---->
<button type="primary" bindtap="listenerButton">显示loading</button>
<!--默认隐藏-->
<loading hidden="{{hiddenLoading}}">正在加载</loading>12341234

Page({data:{// text:"这是一个页面"hiddenLoading: true},
​/*** 监听button点击事件*/listenerButton:function(){this.setData({hiddenLoading: !this.data.hiddenLoading})},onLoad:function(options){// 页面初始化 options为页面跳转所带来的参数
  },onReady:function(){// 页面渲染完成
  },onShow:function(){// 页面显示
  },onHide:function(){// 页面隐藏
  },onUnload:function(){// 页面关闭
  }
})