WeChatアプレットカスタムコンポーネント——モールドボックスModal

$ npm init

$ npm i wx-miniprogram-modal

{
  "usingComponents": {
    "mymodal": "wx-miniprogram-modal"
  }
}

{
  "usingComponents": {
    "mymodal": "../components/modal/index" //        
  }
}

//        
Page({
  data: {
    showModal: false,
    type: 'getUserInfo',
    showCancel: false,
    title: '  ',
    content: '',
    confirmText: '  ',
    items: [{ label: '     ', name: 'name' }]
  },

  //        
  onComplete: function (e) {
    //                 ，          modal   ，
    //          ，    data  showModal       true，
   //              ，      
    this.setData({
      showModal: false,
    })

    if (e.detail.confirm) {
      //       
      //   type                 
      
      //     
      if (this.data.type === 'getUserInfo') {
        if (e.detail.hasUserInfo) {
          //     
          this.setData({
            hasUserInfo: true,
            userInfo: e.detail.userInfo
          })
          app.globalData.userInfo = e.detail.userInfo
        } else {
          wx.showToast({
            title: '      ',
            icon: 'none'
          })
        }
      }

      //     
      if (this.data.type === 'prompt') {
        var formData = e.detail.formData
        var formId = e.detail.formId
        // eg.
        // formData: {name: "Jaime"}
        // formId: "the formId is a mock one"
      }

      //      
      if (this.data.type === 'openSetting') {
        var authSetting = e.detail.authSetting
        // eg. { "scope.userInfo": true}
      }
    } else {
      //       
    }
  },

  onShareAppMessage: function (res) {
    if (res.from === 'button') {
      //                           
      //                       
      if (res.target.dataset.type === 'modalShare') {
        this.setData({
          showModal: false
        })
      }
    }
    return {
      title: '       ',
      path: '/page/index?id=123'
    }
  }
})

[{label: '     ', name: 'name', val: '   (   )'}, 
{label: '     ', name: 'email'}, val: '']

if (res.from === 'button') {
    if (res.target.dataset.type === 'modalShare') {
      this.setData({
        showModal: false
      })
    }
  }