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 相关文章推荐
Open and Print a Word Document
Jun 15 Javascript
js类中获取外部函数名的方法与代码
Sep 12 Javascript
javascript数组快速打乱重排的方法
Jan 02 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
May 04 Javascript
jQuery遍历节点树方法分析
Sep 08 Javascript
jQuery插件ajaxFileUpload使用实例解析
Oct 19 Javascript
jQuery Ajax File Upload实例源码
Dec 12 Javascript
jQuery实现拖动剪裁图片作为头像
Dec 28 Javascript
AngularJS ionic手势事件的使用总结
Aug 09 Javascript
javascript trie前缀树的示例
Jan 29 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 Javascript
微信小程序 select 下拉框组件功能
Sep 09 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
古巴咖啡 Cubita琥爵咖啡 独特的加勒比海风味咖啡
2021/03/06 新手入门
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
PHP7.0连接DB操作实例分析【基于mysqli】
2019/09/26 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
JS 判断代码全收集
2009/04/28 Javascript
JavaScript聚焦于第一个字段的代码
2010/10/15 Javascript
Jqyery中同等与js中windows.onload的应用
2011/05/10 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
2013/05/10 Javascript
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
2016/01/23 Javascript
JavaScript数据类型学习笔记
2016/01/25 Javascript
javascript 分号总结及详细介绍
2016/09/24 Javascript
前端JS面试中常见的算法问题总结
2016/12/23 Javascript
js设置文字颜色的方法示例
2016/12/30 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
2017/06/12 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
手写Node静态资源服务器的实现方法
2018/03/20 Javascript
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
[05:49]2014DOTA2TI4正赛第二日综述 昔日冠军纷纷落马 VG LGD占尽先机
2014/07/20 DOTA
python实现list元素按关键字相加减的方法示例
2017/06/09 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
pygame游戏之旅 添加游戏界面按键图形
2018/11/20 Python
python读取txt文件中特定位置字符的方法
2018/12/24 Python
不到40行代码用Python实现一个简单的推荐系统
2019/05/10 Python
解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
2020/06/23 Python
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
Audible英国:有声读物,30天免费试用
2019/10/16 全球购物
校三好学生主要事迹
2014/01/11 职场文书
北体毕业生求职信
2014/02/28 职场文书
班干部竞选演讲稿
2014/04/24 职场文书
2015年小学生新年寄语
2014/12/08 职场文书
2014年底工作总结
2014/12/15 职场文书
研讨会通知
2015/04/27 职场文书
职工食堂管理制度
2015/08/06 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
Python下opencv使用hough变换检测直线与圆
2021/06/18 Python