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 相关文章推荐
关于JavaScript的gzip静态压缩方法
Jan 05 Javascript
js实现DIV的一些简单控制
Jun 04 Javascript
Function.prototype.call.apply结合用法分析示例
Jul 03 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 Javascript
JS实现根据当前文字选择返回被选中的文字
May 21 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
May 14 Javascript
jQuery的remove()方法使用详解
Aug 11 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
Nov 17 Javascript
微信小程序实现登录页云层漂浮的动画效果
May 05 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
Mar 28 Javascript
vue 移动端注入骨架屏的配置方法
Jun 25 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
生成php程序的php代码
2008/04/07 PHP
php递归函数中使用return的注意事项
2014/01/17 PHP
php简单创建zip压缩文件的方法
2016/04/30 PHP
详解PHP处理密码的几种方式
2016/11/30 PHP
PHP实现找出有序数组中绝对值最小的数算法分析
2017/08/07 PHP
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
Laravel如何实现适合Api的异常处理响应格式
2020/06/14 PHP
JavaScript asp.net 获取当前超链接中的文本
2009/04/14 Javascript
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
JS解析json数据并将json字符串转化为数组的实现方法
2012/12/25 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
2014/11/03 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
js如何判断输入字符串长度
2015/12/16 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
2017/04/13 Javascript
JS改变页面颜色源码分享
2018/02/24 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
vue 优化CDN加速的方法示例
2018/09/19 Javascript
开发用到的js封装方法(20种)
2018/10/12 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
2019/05/10 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
2019/07/19 Javascript
[26:24]完美副总裁、DOTA2负责人蔡玮专访:电竞如人生
2014/09/11 DOTA
Python使用minidom读写xml的方法
2015/06/03 Python
Python搭建Spark分布式集群环境
2019/07/05 Python
Anaconda+vscode+pytorch环境搭建过程详解
2020/05/25 Python
pandas创建DataFrame的7种方法小结
2020/06/14 Python
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
香港钟表珠宝首饰商城:OneMallTime网摩间
2016/10/14 全球购物
什么是网络协议
2016/04/07 面试题
毕业生找工作的自我评价
2013/10/18 职场文书
小学家长会邀请函
2014/01/23 职场文书
《充气雨衣》教学反思
2014/04/07 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
2014年社区教育工作总结
2014/12/02 职场文书
MySQL存储过程及语法详解
2022/08/05 MySQL