uniapp消息提示全局调用

文章描述:

  message.js /** * 提示方法 * @param {String} title 提示 […]

 

message.js

/**
 * 提示方法
 * @param {String} title 提示文字
 * @param {String}  icon icon图片
 * @param {Number}  duration 提示时间
 */

const utils = {
	toast:(title, icon = 'none', duration = 1500)=>{
		uni.showToast({
			title,
			icon,
			duration
		})
	}
}
 
// 全局挂载
uni.$utils = utils
 
// 模块导出 每次使用都要导入 (太麻烦)
// export default utils

 

main.js

import "common/message.js"		// 消息

 

页面使用

uni.$utils.toast("消息")

 

uni.$utils.toast('消息','none',1500)

 

 

成功

uni.$utils.toast('成功','success',1500)

错误

uni.$utils.toast('失败','error',1500)

加载中

uni.$utils.toast('加载中','loading',1500)

发布时间:2023/12/09

发表评论