《H5 App开发》MUI框架显示加载中动画

弱龄寄事外,委怀在琴书。这篇文章主要讲述《H5 App开发》MUI框架显示加载中动画相关的知识,希望能为你提供帮助。
最近使用MUI框架比较多,现在有个需求就是在每个页面加上一个加载中动画
 
如图:

《H5 App开发》MUI框架显示加载中动画

文章图片

 
【《H5 App开发》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中稍微调动。
 

    推荐阅读