微信小程序基础api封装三部曲（一）

1. wx.showToast() 、 wx.showModal()封装
 

//   showApi.js 
/**
 * @description 显示消息提示框
 * toast  用户传对象参数使用 用户的，不传使用默认的
 * @param {Object } wx.showToast({}) 传递参数
 */
const toast = ({title='加载中…', 	icon="none", duration = 2000, mask= true}={})=>{
  wx.showToast({
    title,
    icon,
    duration,
    mask
  })
}


/**
 * @description 显示模态对话框
 * @param {Object}   wx.showModal传递参数
 */
 const modal = (options={})=>{
   // 方法内部返回 Promise 
   // 用户点击确定 通过 resolve 返回true 
   // 用户点击取消 通过 resolve 返回false
   
   return new Promise((resolve)=>{
     // 默认参数
    const defaultOpt = {
      title: '提示',
      content: '您确定执行该操作吗？',
      confirmColor:'#f3516f'
    }
    // 与传递的参数合并
    const opts = Object.assign({},defaultOpt,options)

    wx.showModal({
      ...opts,
      complete ({confirm, cancel}) {
        confirm && resolve(true)
        cancel && resolve(false)
      }
    })

   })

 }

 // 调用方式1  挂载到wx全局调用 ，需要当前.js文件执行一次 
wx.toast = toast 

wx.modal = modal


  
// 调用方式2  在需要的的页面 引入该js 解构出该方法 
export {toast, modal}