實踐：自定義指令 - 局部loading

mt-loading

自定義指令 - 局部loading


npm倉庫地址 : 自定義指令 - 局部loading

咋裝下呢?

yarn add mt-loading 或者使用 npm i mt-loading

看下到底是個啥

mt-loading.gif


用起來！兄弟萌！

使用咋裝下呢?中的命令將該插件安裝到你的項目之后，就可以在main.js中使用import引入，然后使用Vue.use(XXX)使用即可。

import mtLoading from 'mt-loading'

Vue.use(mtLoading)

// 作為指令使用
<div v-mt-loading='true'></div>


參數(shù)都有啥

有三個狀態(tài)
1. 默認（豎條紋loading）
<div v-mt-loading='true'></div>

2. 圓形loading
<div v-mt-loading.bounce='true'></div>

3. 豎條紋loading
<div v-mt-loading.move='true'></div>


修改默認顏色

例: 修改背景色
.mt-loading-bg-color{
  background-color: rgba(100,100,100,0.3) !important;
}

例: 修改icon顏色
.mt-loading-icon-color{
  background-color: red !important;
}
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

友情鏈接更多精彩內容