LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/微信小程序/正文

微信小程序封装弹窗showToast

微信小程序195 次阅读

一、新建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('申领提交成功')


热爱可抵岁月漫长, 温柔可挡艰难时光。

评论交流

理性讨论,共同进步
验证码

相关文章

继续阅读