0.0.2 • Published 1 year ago
vue-toast-loading v0.0.2
Vue-toast-loading
这是一款 vue3 的 toast 和 loading 的插件
1、安装
npm install vue-toast-loading --save
// 或者
yarn add vue-toast-loading
// 或者
pnpm install vue-toast-loading
2、使用
组件使用插件方式
app.use(vueToastLoading)
插件安装后,会在 window 上面挂载一个对象 Toast,其拥有三个方法:show、hide、loading;
同时需要引入样式文件
import "vue-toast-loading/dist/style.css"
3、参数说明
1)toast
当是使用 toast 时候,可以传入 字符串 或 对象;
- 当传入字符穿,直接是 toast 字符串,2s 后消失;
- 当传入对象时候;
参数名 | 值 | ||
---|---|---|---|
msg | string | ||
duration | number(毫秒) | ||
position | string,toast展示位置(start | center | end) |
shadowColor | string |
2)loading
入参是一个字符串,展示位于 loading icon 右侧