700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 如何让layui中的字体图标增加动态样式变为动态图标

如何让layui中的字体图标增加动态样式变为动态图标

时间:2023-08-21 22:44:12

相关推荐

如何让layui中的字体图标增加动态样式变为动态图标

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"})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。