layui字體圖標(biāo) loading圖標(biāo)靜止不旋轉(zhuǎn)的解決方法
layui的字體圖標(biāo)庫(kù)提供了豐富的字體圖標(biāo),其中還有動(dòng)態(tài)的loading圖,但如果按照添加其他圖標(biāo)一樣將class樣式復(fù)制到按鈕上,卻發(fā)現(xiàn)loading圖并不會(huì)旋轉(zhuǎn)。
正確示例:
1、找到layui圖片庫(kù)中如下圖所示的class樣式。傳送:layui文字圖標(biāo)庫(kù)
2、除了加上上圖所示的class樣式外,還需加入下圖所示的其他layui樣式。加上之后,就能看到loading動(dòng)畫了。
<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)的解決方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
document.createElement()用法及注意事項(xiàng)(ff下不兼容)
今天處理了一個(gè)日期選擇器的ie和ff的兼容問(wèn)題,本來(lái)這種情況就很難找錯(cuò)誤,找了好久才把錯(cuò)誤定位到j(luò)s中創(chuàng)建元素的方法document.createElement(),這個(gè)方法在ie下支持這樣創(chuàng)建元素2013-03-03Javascript實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11微信小程序分享小程序碼的生成(帶參數(shù))以及參數(shù)的獲取
這篇文章主要介紹了微信小程序分享小程序碼的生成(帶參數(shù))以及參數(shù)的獲取,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03一文解決微信小程序button、input和image表單組件
在微信小程序開(kāi)發(fā)中,input?用來(lái)實(shí)現(xiàn)文本輸入,如輸入用戶名密碼等等,下面這篇文章主要給大家介紹了關(guān)于如何通過(guò)一文解決微信小程序button、input和image表單組件的相關(guān)資料,需要的朋友可以參考下2022-08-08JS實(shí)現(xiàn)仿PS的調(diào)色板效果完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)仿PS的調(diào)色板效果,結(jié)合完整實(shí)例形式分析了javascript通過(guò)運(yùn)算與動(dòng)態(tài)操作頁(yè)面元素實(shí)現(xiàn)調(diào)色板功能的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12