微信小程序·界面交互封装

321 阅读1分钟
// 封装微信界面交互提示
const sT = (obj, icon) => {
  if (!obj||typeof (obj) == 'string')
    return new Promise((resolve, reject) => {
      wx.showToast({
        title: obj || '成功',
        icon: icon || 'succeed',
        success: res => {
          resolve(res)
        },
        fail: err => {
          reject(err)
        }
      })
    })
  else
    return new Promise((resolve, reject) => {
      wx.showToast({
        title: obj.title || '成功',
        icon: obj.icon || 'succeed',
        image: obj.image || '',
        duration: obj.duration || 1500,
        mask: obj.mask || false,
        success: res => {
          resolve(res)
        },
        fail: err => {
          reject(err)
        }
      })
    })
}
const sM = (obj, falg, title) => {
  if (typeof (obj) == 'string')
    return new Promise((resolve, reject) => {
      wx.showModal({
        title: title || '提示',
        content: obj,
        showCancel: falg===false?false:true,//有false不能直接用||,前者为false会直接选择后者
        success: res => {
          if (res.confirm) {
            resolve(res)
          } else if (res.cancel) {
            reject(res)
          }
        },
        fail: err => {
          reject(err)
        }
      })
    })
  else
    return new Promise((resolve, reject) => {
      wx.showModal({
        title: obj.title || '提示',
        content: obj.content || '知道了',
        showCancel: obj.showCancel===false?false:true,
        cancelText: obj.cancelText || '取消',
        cancelColor: obj.cancelColor || '#000000',
        confirmText: obj.confirmText || '确定',
        confirmColor: obj.confirmColor || '#576B95',
        success: res => {
          if (res.confirm) {
            resolve(res)
          } else if (res.cancel) {
            reject(res)
          }
        },
        fail: err => {
          reject(err)
        }
      })
    })
}

const sL = (obj) => {
  if (!obj||typeof (obj) == 'string')
    return new Promise((resolve, reject) => {
      wx.showLoading({
        title: obj||'加载中',
        success: res => {
          resolve(res)
        },
        fail: err => {
          reject(err)
        }
      })
    })
  else
    return new Promise((resolve, reject) => {
      wx.showLoading({
        title: obj.title || '加载中',
        mask: obj.mask || false,
        success: res => {
          resolve(res)
        },
        fail: err => {
          reject(err)
        }
      })
    })
}

const hL = () => {
  return new Promise((resolve, reject) => {
    wx.hideLoading({
      success: res => {
        resolve(res)
      },
      fail: err => {
        reject(err)
      }
    })
  })
}

const sA = obj => {
  return new Promise((resolve, reject) => {
    wx.showActionSheet({
      itemList: obj.itemList,
      itemColor: obj.itemColor || '#000000',
      success: res => {
        resolve(res.tapIndex)
      },
      fail: res => {
        console.log(res.errMsg)
      }
    })
  })
}
module.exports = {
  sT,
  sM,
  sL,
  hL,
  sA
}