TS封装小程序wx.showModal弹窗及调用

现在ts+scss开发小程序越来越多了，我们平时调用showModal弹窗相对频繁的话，可以对它进行封装，减少代码量，方便调用。

1.封装

我们先看正常的展示效果

 再看微信小程序的原调用代码

wx.showModal({
      title: '提示',
      content: '是否确认的提示内容',
      success (res) {
        if (res.confirm) {
          console.log('用户点击确定')
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })

提炼可以成为变量的部分，一般情况是三个，有取消操作的话，是4个。

1.title:弹窗提示标题，一般默认“提示”

2. content：弹窗提示标题，一般根据自己业务情况提示

3.res.confirm：点确定后执行的任务

4.res.cancel：点取消后执行的任务

确认我们需要作为调用的4个元素后，我们接下来进行封装

首先，找到utils/utils.ts文件，这里面一般写需要调用的公共方法