字體圖示
#layui 的所有圖示全部採用字體形式,取材自阿里巴巴向量圖示庫(iconfont )。因此你可以把 icon 看成是普通的文字,這表示你直接用 css 控製文字屬性,如 color、font-size,就可以改變圖示的顏色和大小。你可以透過 font-class 或 unicode 來定義不同的圖示。
使用方式
透過對一個內聯元素(一般推薦用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>
相關推薦:《layui框架教學》
140種圖示:
以上是layui icon是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本文詳細介紹瞭如何使用Layui的元素模塊來創建和自定義UI元素,例如選項卡,手風琴和進度條,突出顯示HTML結構,初始化和常見的陷阱,以避免。

本文討論了自定義Layui的Carousel模塊,重點介紹了外觀和行為的CSS和JavaScript修改,包括過渡效果,自動播放設置以及添加自定義導航控件。

該文章指導使用Layui的Carousel模塊用於圖像滑塊,詳細介紹設置的步驟,自定義選項,實現自動播放和導航以及性能優化策略。

本文討論了使用Accept,Exts和Size屬性來限制Layui的上傳模塊,以限製文件類型和尺寸,並自定義錯誤消息以違反。

本文介紹瞭如何使用Layui的圖層模塊創建模態窗口和對話框,詳細設置,類型,自定義和常見的陷阱要避免。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

禪工作室 13.0.1
強大的PHP整合開發環境

SublimeText3 Linux新版
SublimeText3 Linux最新版

Atom編輯器mac版下載
最受歡迎的的開源編輯器

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器