编程 Javascript

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

Posted in Javascript onSeptember 23, 2019

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

正确示例：

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

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图标静止不旋转的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

诗语待马

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用js怎么把&字符换成"&amp:"

Oct 19 Javascript

jquery中获取元素的几种方式小结

Jul 05 Javascript

jquery 之 $().hover(func1, funct2)使用方法

Jun 14 Javascript

iframe子父页面调用js函数示例

Nov 07 Javascript

原生JavaScript+LESS实现瀑布流

Dec 12 Javascript

基于JavaScript实现动态创建表格和增加表格行数

Dec 20 Javascript

Thinkjs3新手入门之如何使用静态资源目录

Dec 06 Javascript

vue 下列表侧滑操作实例代码详解

Jul 24 Javascript

js实现for循环跳过undefined值示例

Jul 02 Javascript

vue项目启动出现cannot GET /服务错误的解决方法

Apr 26 Javascript

Vue中的this.$options.data()和this.$data用法说明

Jul 26 Javascript

vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)

Mar 01 Vue.js

解决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中的错误并发送email通知的实现代码

2013/01/19 PHP

php正则表达式使用的详细介绍

2013/04/27 PHP

使用php检测用户当前使用的浏览器是否为IE浏览器

2013/12/03 PHP

PHP实现恶意DDOS攻击避免带宽占用问题方法

2015/05/27 PHP

PHP进程通信基础之信号

2017/02/19 PHP

php实现和c#一致的DES加密解密实例

2017/07/24 PHP

laravel项目利用twemproxy部署redis集群的完整步骤

2018/05/11 PHP

php7函数,声明,返回值等新特性介绍

2018/05/25 PHP

PHP使用JpGraph绘制折线图操作示例【附源码下载】

2019/10/18 PHP

javascript与CSS复习(三)

2010/06/29 Javascript

BOM与DOM的区别分析

2010/10/26 Javascript

javascript实现日期按月份加减

2015/05/15 Javascript

Js制作点击输入框时默认文字消失的效果

2015/09/05 Javascript

jQuery form插件的使用之处理server返回的JSON， XML，HTML数据

2016/01/26 Javascript

js实现砖头在页面拖拉效果

2020/11/20 Javascript

vue移动端轻量级的轮播组件实现代码

2018/07/12 Javascript

微信小程序实现日历功能

2018/11/27 Javascript

谈谈React中的Render Props模式

2018/12/06 Javascript

jquery 验证用户名是否重复代码实例

2019/05/14 jQuery

基于Vue实现平滑过渡的拖拽排序功能

2019/06/12 Javascript

[01:10]DOTA2亚洲邀请赛征战号角响彻全场

2015/01/06 DOTA

[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13

2020/12/16 DOTA

用Python实现协同过滤的教程

2015/04/08 Python

对python实现模板生成脚本的方法详解

2019/01/30 Python

使用Python的SymPy库解决数学运算问题的方法

2019/03/27 Python

python虚拟环境模块venv使用及示例

2020/03/04 Python

基于Python和C++实现删除链表的节点

2020/07/06 Python

HTML5组件Canvas实现图像灰度化(步骤+实例效果)

2013/04/22 HTML / CSS

HTML5 Canvas鼠标与键盘事件demo示例

2013/07/04 HTML / CSS

HTML5中的autofocus（自动聚焦）属性介绍

2014/04/23 HTML / CSS

The North Face意大利官网：服装、背包和鞋子

2020/06/17 全球购物

2015年学生会干事工作总结

2015/04/09 职场文书

2015年酒店前台工作总结

2015/04/20 职场文书

《神奇的鸟岛》教学反思

2016/02/22 职场文书

win10双系统怎么删除一个系统?win10电脑有两个系统删除一个的操作方法

2022/07/15 数码科技

Nginx如何配置多个服务域名解析共用80端口详解

2022/09/23 Servers