layuiicon是什么意思

這篇文章主要介紹layui icon是什么意思，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

網(wǎng)站制作、成都網(wǎng)站制作,成都做網(wǎng)站公司-創(chuàng)新互聯(lián)公司已向上1000+企業(yè)提供了,網(wǎng)站設(shè)計,網(wǎng)站制作,網(wǎng)絡(luò)營銷等服務(wù)!設(shè)計與技術(shù)結(jié)合,多年網(wǎng)站推廣經(jīng)驗(yàn),合理的價格為您打造企業(yè)品質(zhì)網(wǎng)站。

字體圖標(biāo)

layui 的所有圖標(biāo)全部采用字體形式，取材于阿里巴巴矢量圖標(biāo)庫（iconfont）。因此你可以把一個 icon 看作是一個普通的文字，這意味著你直接用 css 控制文字屬性，如 color、font-size，就可以改變圖標(biāo)的顏色和大小。你可以通過 font-class 或 unicode 來定義不同的圖標(biāo)。

使用方式

通過對一個內(nèi)聯(lián)元素（一般推薦用 i標(biāo)簽）設(shè)定 class="layui-icon"，來定義一個圖標(biāo)，然后對元素加上圖標(biāo)對應(yīng)的 font-class（注意：layui 2.3.0 之前只支持采用 unicode 字符)，即可顯示出你想要的圖標(biāo)，比如：

   
注意：在 layui 2.3.0 之前的版本，只能設(shè)置 unicode 來定義圖標(biāo)
       
其中的  即是圖標(biāo)對應(yīng)的 unicode 字符

你可以去定義它的顏色或者大小，如：

140種圖標(biāo)：

以上是layui icon是什么意思的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享標(biāo)題：layuiicon是什么意思
當(dāng)前路徑：http://m.jiaotiyi.com/article/geoshh.html