1.html代码,首先定义
<span style="display: flex; flex-direction: row; align-items: center; justify-content: center;width:25px;height:25px;z-index:99;position:relative;left:5px"> <i id="loadicon" v-bind:class="loadicon" style="color:#17DB30;font-size: 30px;"></i></span>
2.将i标签中的class更改为layui中icon动态样式即可,此代码使用v-bind绑定了class中的loadicon,js代码如下:
that.loadicon = "layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-icon-loading"$("#loadicon").css({"color": "#17DB30"})