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 相关文章推荐
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
Feb 10 Javascript
formvalidator验证插件中有关ajax验证问题
Jan 04 Javascript
JQUERY dialog的用法详细解析
Dec 19 Javascript
js锁屏解屏通过对$.ajax进行封装实现
Jul 31 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
Aug 15 Javascript
jquery+php随机生成红包金额数量代码分享
Aug 27 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
Sep 11 Javascript
浅述节点的创建及常见功能的实现
Dec 15 Javascript
使用vue.js编写蓝色拼图小游戏
Mar 17 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
Aug 25 Javascript
js实现移动端吸顶效果
Jan 08 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脚本的10个技巧(4)
2006/10/09 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
JavaScript 加号(+)运算符号
2009/12/06 Javascript
JS input文本框禁用右键和复制粘贴功能的代码
2010/04/15 Javascript
JavaScript 布尔操作符解析  &amp;&amp; || !
2012/08/10 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
js如何取消事件冒泡
2013/09/23 Javascript
通过js获取div的background-image属性
2013/10/15 Javascript
简单实用的反馈表单无刷新提交带验证
2013/11/15 Javascript
js字符串截取函数substr substring slice使用对比
2013/11/27 Javascript
JavaScript 学习笔记之语句
2015/01/14 Javascript
JS实现点击上移下移LI行数据的方法
2015/08/05 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
jQuery基础知识点总结(必看)
2016/05/31 Javascript
详细讲解JavaScript中的this绑定
2016/10/10 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
2016/11/16 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
HTML5+jQuery实现搜索智能匹配功能
2017/03/24 jQuery
微信小程序三级联动地址选择器的实例代码
2017/07/12 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
2017/08/23 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
Vue Element UI + OSS实现上传文件功能
2019/07/31 Javascript
elementui更改el-dialog关闭按钮的图标d的示例代码
2020/08/04 Javascript
[03:23:49]2016.12.17日完美“圣”典全回顾
2016/12/19 DOTA
python 多线程重启方法
2019/02/18 Python
python的pyecharts绘制各种图表详细(附代码)
2019/11/11 Python
OpenCV python sklearn随机超参数搜索的实现
2020/01/17 Python
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
网络工程师面试(三木通信技术有限公司)
2013/06/05 面试题
物理学专业求职信
2014/07/04 职场文书
党支部考察鉴定意见
2015/06/02 职场文书
教师信息技术学习心得体会
2016/01/21 职场文书
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python
简单聊聊TypeScript只读修饰符
2022/04/06 Javascript