微信小程序自定义showModal

好的，关于微信小程序自定义 `showModal` 的问题，你可以通过封装 `wx.showModal` 来实现自定义的弹出框效果。

首先，你可以创建一个自定义的组件，用来显示弹出框。在组件中，可以使用 `wx.showModal` 来显示模态弹窗，但是需要注意的是，需要将 `wx.showModal` 的回调函数封装成一个 Promise 对象，以便在组件外部可以通过 Promise 的方式获取用户的选择结果。示例代码如下：

// components/my-modal/my-modal.js
Component({
  methods: {
    showModal: function (options) {
      return new Promise((resolve, reject) => {
        wx.showModal({
          title: options.title || '提示',
          content: options.content || '',
          showCancel: options.showCancel || false,
          cancelText: options.cancelText || '取消',
          cancelColor: options.cancelColor || '#000000',
          confirmText: options.confirmText || '确定',
          confirmColor: options.confirmColor || '#3CC51F',
          success: (res) => {
            if (res.confirm) {
              resolve(true)
            } else if (res.cancel) {
              resolve(false)
            }
          },
          fail: (res) => {
            reject(res)
          }
        })
      })
    }
  }
})

在组件的 `showModal` 方法中，首先将 `wx.showModal` 的回调函数封装成了一个 Promise 对象，然后将 `wx.showModal` 的参数传递进去。在 `wx.showModal` 的回调函数中，根据用户的选择结果，将 Promise 对象的状态改变为对应的值，并将结果返回出去。

然后在页面中使用自定义的弹出框组件，调用 `showModal` 方法即可。示例代码如下：

// pages/index/index.js
Page({
  showModal: function () {
    let myModal = this.selectComponent('#myModal')
    myModal.showModal({
      title: '提示',
      content: '这是一个自定义弹出框',
      confirmText: '好的',
      cancelText: '算了'
    }).then(res => {
      console.log(res)
    })
  }
})

在页面中，首先通过 `this.selectComponent` 获取到自定义弹出框组件的实例，然后调用 `showModal` 方法，传递弹出框的参数。在 Promise 的回调函数中，可以获取到用户的选择结果，并进行相应的操作。

希望这个方法能够帮助到你实现自定义的弹出框效果。