layui字体图标 loading图标静止不旋转的解决方法


Posted in Javascript onSeptember 23, 2019

layui的字体图标库提供了丰富的字体图标,其中还有动态的loading图,但如果按照添加其他图标一样将class样式复制到按钮上,却发现loading图并不会旋转。

正确示例:

1、找到layui图片库中如下图所示的class样式。传送:layui文字图标库

layui字体图标 loading图标静止不旋转的解决方法

2、除了加上上图所示的class样式外,还需加入下图所示的其他layui样式。加上之后,就能看到loading动画了。

<button type="button" class="layui-btn" id="">
 <i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>loading
</button>

以上这篇layui字体图标 loading图标静止不旋转的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
取选中的radio的值
Jan 11 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
Mar 15 Javascript
javascript中强制执行toString()具体实现
Apr 27 Javascript
Jquery焦点图实例代码
Nov 25 Javascript
jquery使用正则表达式验证email地址的方法
Jan 22 Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 Javascript
JS表单验证的代码(常用)
Apr 08 Javascript
Angularjs自定义指令Directive详解
May 27 Javascript
layui radio点击事件实现input显示和隐藏的例子
Sep 02 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 Javascript
JS实现扫雷项目总结
May 19 Javascript
解决layer.confirm快速点击会重复触发事件的问题
Sep 23 #Javascript
小程序最新获取用户昵称和头像的方法总结
Sep 23 #Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
Sep 23 #Javascript
layui内置模块layim发送图片添加加载动画的方法
Sep 23 #Javascript
微信头像地址失效踩坑记附带解决方案
Sep 23 #Javascript
微信小程序如何获取用户头像和昵称
Sep 23 #Javascript
微信小程序使用蓝牙小插件
Sep 23 #Javascript
You might like
地球防卫队:陪着奥特曼打小怪兽的人类力量 那些经典队服
2020/03/08 日漫
改德生G88 - 加装等响度低音提升电路
2021/03/02 无线电
ThinkPHP自动完成中使用函数与回调方法实例
2014/11/29 PHP
ThinkPHP函数详解之M方法和R方法
2015/09/10 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
PHP怎样用正则抓取页面中的网址
2016/08/09 PHP
jQuery select控制插件
2009/08/17 Javascript
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
2011/10/31 Javascript
javascript初学者常用技巧
2014/09/02 Javascript
Jquery解析json字符串及json数组的方法
2015/05/29 Javascript
在Javascript中处理数组之toSource()方法的使用
2015/06/09 Javascript
基于jquery编写分页插件
2016/03/07 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
2017/01/17 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
2017/04/14 Javascript
Vue 中批量下载文件并打包的示例代码
2017/11/20 Javascript
详解vue2.0监听属性的使用心得及搭配计算属性的使用
2018/07/18 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
发布Angular应用至生产环境的方法
2018/12/10 Javascript
vue中的mescroll搜索运用及各种填坑处理
2019/10/30 Javascript
JS绘图Flot如何实现动态可刷新曲线图
2020/10/16 Javascript
[00:36]DOTA2勇士令状莱恩声望物品——冥晶之厄展示
2018/05/25 DOTA
[48:11]完美世界DOTA2联赛 Magma vs GXR 第二场 11.07
2020/11/10 DOTA
详解Django中的ifequal和ifnotequal标签使用
2015/07/16 Python
Python爬虫爬验证码实现功能详解
2016/04/14 Python
Python输出带颜色的字符串实例
2017/10/10 Python
如何使用pandas读取txt文件中指定的列(有无标题)
2020/03/05 Python
python实例化对象的具体方法
2020/06/17 Python
KIKO MILANO英国官网:意大利知名化妆品和护肤品品牌
2017/09/25 全球购物
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
《守株待兔》教学反思
2014/03/01 职场文书
电气工程自动化求职信
2014/03/14 职场文书
安全承诺书格式
2014/05/21 职场文书
无工作证明怎么写
2015/06/15 职场文书
教研活动主持词
2015/07/03 职场文书
python爬取企查查企业信息之selenium自动模拟登录企查查
2021/04/08 Python
win10+anaconda安装yolov5的方法及问题解决方案
2021/04/29 Python