计算机网络/计算机科学与应用/系统/运维/开发

微信小程序封装弹窗showToast

一、新建utils文件夹下    util.js 文件


// utils/util.js
/**
 * 普通提示
 * @param {string} title 提示文字
 * @param {string} icon 图标 none / success / error / loading
 * @param {number} duration 显示时长(ms)
 */
function showToast(title, icon = 'none', duration = 2000) {
  wx.showToast({
    title: title,
    icon: icon,
    duration: duration
  })
}
/**
 * 成功提示
 * @param {string} title 提示文字
 * @param {number} duration 显示时长(ms)
 */
function showSuccessToast(title, duration = 1500) {
  wx.showToast({
    title: title,
    icon: 'success',
    duration: duration
  })
}
/**
 * 错误/失败提示
 * @param {string} title 提示文字
 * @param {number} duration 显示时长(ms)
 */
function showErrorToast(title, duration = 2000) {
  wx.showToast({
    title: title,
    icon: 'none',
    duration: duration
  })
}
// 导出
module.exports = {
  showToast,
  showSuccessToast,
  showErrorToast
}


二、其它文件中使用

const util = require('../../utils/util.js')
 util.showSuccessToast('申领提交成功')


若无人替你披荆斩棘,那就独自前行栉风沐雨。

评论

^