针对上一篇文章,再兑weui提示框封装处理,2种形式,一种带转圈图形,一种不带转圈图形。
引入weui和vuex
npm install weui.js weui -S
npm install vuex --save
tips.js(代码如下)
import weui from 'weui.js'
const weuiHint = {
//全局配置旋转loading
//data:显示的内容,time:显示的时间(毫秒)
loading(data, time) {
var loading = weui.loading(data, {
className: "custom-classname"
});
if (time) {
setTimeout(function () {
loading.hide(function () {
console.log("`loading` has been hidden");
});
}, time);
}
},