1. 程式人生 > >小程式彈框

小程式彈框

1.wx.showActionSheet(https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxshowactionsheetobject)

wx.showActionSheet({
       itemList: ['列1', '列2', '列3'],//顯示的列表項
      success: function (res) {//res.tapIndex點選的列表項
        console.log(res.tapIndex)
      },
      fail: function (res) { },
      complete: function (res) { }
    })

2.wx.showModal(https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxshowactionsheetobject)

wx.showModal({
      title: '刪除',
      content: '確定要刪除?',
      showCancel: true,//是否顯示取消按鈕
      cancelText: "否",//預設是“取消”
      cancelColor: 'pink',//取消文字的顏色
      confirmText: "是",//預設是“確定”
      confirmColor: 'pink',//確定文字的顏色
      success: function (res) {
        if (res.cancel) {
          //點選取消,預設隱藏彈框
        } else {
          //點選確定
          console.log("執行刪除操作")
        }
      },
      fail: function (res) { },
      complete: function (res) { },
    })

3. wx.showToast(https://developers.weixin.qq.com/minigame/dev/api/ui/interaction/wx.showToast.html?search-key=wx.showToast

wx.showToast({
      title: '成功',//提示文字
      duration: 2000,//顯示時長,最大10000毫秒
      mask: true,//是否顯示透明蒙層,防止觸控穿透,預設:false  
      icon: 'success', 
      success: function (res) {
        console.log("--",res)
       },//介面呼叫成功
      fail: function () { },  //介面呼叫失敗的回撥函式  
      complete: function () { } //介面呼叫結束的回撥函式  
    })

4. wx.showLoading(https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxshowactionsheetobject)

wx.showLoading({
      title: '載入中...',
      mask:true
    })
    wx.request({
      url: '',
      success:function(){
        wx.hideLoading()
      }
    })