最近使用mui较多,每次页面加载时希望显示加载中的样式,就是那种一直转圈的,但是在mui的官方文档中的对话框并没有这种样式,在网上查了一下,发现可以引入插件的形式,显示加载中样式,但每个页面都要引入颇为麻烦,仔细研究后发现mui中也有这种样式:
代码如下:
<div class="mui-loading">
<div class="mui-spinner">
</div>
</div>
其中可以利用vue中v-if来控制显示,也可以添加文字:
<div class="mui-loading" v-if="loading">
<div class="mui-spinner">
</div>
玩命加载中...
</div>
细节方面,如大小,位置,颜色等都可以利用class,在css中稍微调动