layui字體圖標(biāo) loading圖標(biāo)靜止不旋轉(zhuǎn)的解決方法
更新時間：2019年09月23日 10:55:52 作者：詩語待馬
今天小編就為大家分享一篇layui字體圖標(biāo) loading圖標(biāo)靜止不旋轉(zhuǎn)的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
layui的字體圖標(biāo)庫提供了豐富的字體圖標(biāo)，其中還有動態(tài)的loading圖，但如果按照添加其他圖標(biāo)一樣將class樣式復(fù)制到按鈕上，卻發(fā)現(xiàn)loading圖并不會旋轉(zhuǎn)。
正確示例：
1、找到layui圖片庫中如下圖所示的class樣式。傳送：layui文字圖標(biāo)庫
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字體圖標(biāo) loading圖標(biāo)靜止不旋轉(zhuǎn)的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript遍歷求解數(shù)獨問題的主要思路小結(jié)
數(shù)獨游戲非常流行,其規(guī)則就是1到9數(shù)字填入9*9宮格并要求每一行、每一列、每一個粗線(小型)宮內(nèi)的數(shù)字不重復(fù),對此我們來看一下JavaScript遍歷求解數(shù)獨問題的主要思路小結(jié)2016-06-06
JS添加刪除元素，非常不錯的應(yīng)用，需要的朋友可以參考下。2009-08-08
本文是如何編寫高質(zhì)量JS代碼系列文章的第二篇，前篇文章反響還不錯，應(yīng)小伙伴們的要求，今天繼續(xù)此系列的文章，有需要的小伙伴參考下。2015-02-02
JavaScript一種直譯式腳本語言,是一種動態(tài)類型、弱類型、基于原型的語言,內(nèi)置支持類型,下面這篇文章主要給大家介紹了如何通過一篇文章教你寫出干凈的JavaScript代碼,需要的朋友可以參考下2021-09-09
在JS中如何動態(tài)調(diào)用方法名，想必很多的朋友們都不會吧，下面為大家舉例介紹下具體的調(diào)用方法2013-12-12
JS 遍歷數(shù)組（循環(huán)數(shù)組）的方式有多種，但你都知道嗎？下面這篇文章主要給大家介紹了關(guān)于JS中數(shù)組常用循環(huán)遍歷的相關(guān)資料，需要的朋友可以參考下2021-06-06
關(guān)于捕獲用戶何時點擊window.onbeforeunload的取消事件
關(guān)于捕獲用戶何時點擊window.onbeforeunload的取消事件的代碼，需要的朋友可以參考下。2011-03-03
微信小程序中有許多地方需要用戶注冊用戶信息的地方，用戶需要填寫手機號等，下面小編給大家分享微信小程序獲取手機號授權(quán)用戶登錄功能，需要的朋友參考下吧2017-11-11
這篇文章主要為大家詳細介紹了JavaScript定時器實現(xiàn)限時秒殺功能，適合用于電商節(jié)日活動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
JS數(shù)組push、unshift、pop、shift方法的實現(xiàn)與使用方法示例
這篇文章主要介紹了JS數(shù)組push、unshift、pop、shift方法,結(jié)合實例形式分析了JS數(shù)組push、unshift、pop、shift方法針對數(shù)組添加、刪除等相關(guān)操作技巧,需要的朋友可以參考下2020-04-04