溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹layui icon是什么意思，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
字體圖標
layui 的所有圖標全部采用字體形式，取材于阿里巴巴矢量圖標庫（iconfont）。因此你可以把一個 icon 看作是一個普通的文字，這意味著你直接用 css 控制文字屬性，如 color、font-size，就可以改變圖標的顏色和大小。你可以通過 font-class 或 unicode 來定義不同的圖標。
使用方式
通過對一個內(nèi)聯(lián)元素（一般推薦用 i標簽）設定 class="layui-icon"，來定義一個圖標，然后對元素加上圖標對應的 font-class（注意：layui 2.3.0 之前只支持采用 unicode 字符)，即可顯示出你想要的圖標，比如：
<i class="layui-icon layui-icon-face-smile"></i>
注意：在 layui 2.3.0 之前的版本，只能設置 unicode 來定義圖標
<i class="layui-icon"></i>
其中的  即是圖標對應的 unicode 字符你可以去定義它的顏色或者大小，如：
<i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>
140種圖標：
以上是layui icon是什么意思的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼