《H5 App開發》MUI框架顯示加載中動畫

最近使用MUI框架比較多，現在有個需求就是在每個頁面加上一個加載中動畫

 

如圖：

 

 

在百度上找到兩個MUI框架的加載中樣式，

第一種是需要引用一個js庫，在這里不多做解釋，小編推薦第二種方式，

只需要一串代碼就可以實現

<div class="mui-loading" v-if="loading">
     <div class="mui-spinner"></div>
</div>

可以利用vue中v-if來控制顯示，也可以添加文字

<div class="mui-loading" v-if="loading">
    <div class="mui-spinner"></div>
    玩命加載中...
</div>

細節樣式方面，在css中稍微調動。