小程序文档整理之 -- API（界面）

界面

交互反馈

wx.showToast(OBJECT)

显示消息提示框

wx.showToast({
  title: '成功',//(必要)提示的内容
  icon: 'success',//图标，有效值 "success", "loading"
  img//自定义图标的本地路径，image 的优先级高于 icon
  duration: 2000//提示的延迟时间，单位毫秒，默认：1500
  mask//是否显示透明蒙层，防止触摸穿透，默认：false
  success/fail/complete: function (res) {
   //接口调用成功/失败/结束的回调函数
  }
})

wx.hideToast()

隐藏消息提示框

wx.showLoading(OBJECT)

显示 loading 提示框, 需主动调用 wx.hideLoading 才能关闭提示框

wx.showLoading({
  title: '加载中。。。',//(必要)提示的内容
  mask//是否显示透明蒙层，防止触摸穿透，默认：false
  success/fail/complete: function (res) {
   //接口调用成功/失败/结束的回调函数
  }
})

wx.hideLoading()

隐藏 loading 提示框

wx.showLoading({
  title: '加载中',
})

setTimeout(function(){
   
  wx.hideLoading()
},2000)

wx.showModal(OBJECT)

​显示模态弹窗

wx.showModal({
  title: '提示',//(必要)提示的标题
  content: '这是一个模态弹窗',//(必要)提示的内容
  showCancel:'true'//是否显示取消按钮，默认为 true
  cancelText:'取消'//取消按钮的文字，默认为"取消"，最多 4 个字符
  cancelColor//取消按钮的文字颜色，默认为"#000000"
  confirmText//确定按钮的文字，默认为"确定"，最多 4 个字符
  confirmColor//确定按钮的文字颜色，默认为"#3CC51F"
  success: function(res) {
   
    res.confirm//为 true 时，表示用户点击了确定按钮
    res.cancel//为 true 时，表示用户点击了取消（用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭）
  },
  fail/complete: function (res) {