web頁面加載動畫qloadings，支持circle(圓圖標)，spinner(變化圖標)，notch(輪齒圖標)，refresh(刷新圖標)和setting(重置圖標)，前端項目開發(fā)常用的頁面加載動畫Loading，支持用戶自定義加載動畫類型和加載文本，背景顏色設(shè)置，層級關(guān)系，動畫停留時間，模塊化區(qū)域加載等等靈活功能。此加載工具庫目前支持vue2.0項目，是布衣前端又一個新作，希望能夠給大家?guī)矸奖恪?/p>

1、模塊內(nèi)加載截圖

2、全局加載動畫截圖

工具類技術(shù)棧

安裝和使用

1、npm安裝

注意：如果npm官方鏡像下載不了推薦使用加速鏡像，比如淘寶鏡像。

2、配置使用和部分屬性自定義

全部注入：在vue2項目中入口文件導(dǎo)入依賴并注冊全局，注意：加載動畫默認是持續(xù)3000ms，必須自己調(diào)用取消方法才會停止。

注意： parent: '.content-box', // 自定義父級盒子，如果你要自定義加載動畫到某個盒子，必須給盒子高度或者寬度，具體寬高根據(jù)實際頁面來設(shè)置即可，這樣才能正常顯示動畫，否則顯示故障。

3、自定義父級容器

自定義父級旋轉(zhuǎn)容器必須設(shè)置父級容器的相對定位樣式 position: relative; 且有固定高度，否則不顯示或者顯示錯亂。

舉個例子：

父級盒子類名content-box，樣式需要設(shè)置成相對定位和有高度值，否則顯示錯亂。