字體圖標(biāo)
layui 的所有圖標(biāo)全部采用字體形式,取材于阿里巴巴矢量圖標(biāo)庫(iconfont)。因此你可以把一個(gè) icon 看作是一個(gè)普通的文字,這意味著你直接用 css 控制文字屬性,如 color、font-size,就可以改變圖標(biāo)的顏色和大小。你可以通過 font-class 或 unicode 來定義不同的圖標(biāo)。
使用方式
通過對(duì)一個(gè)內(nèi)聯(lián)元素(一般推薦用 i標(biāo)簽)設(shè)定 class="layui-icon",來定義一個(gè)圖標(biāo),然后對(duì)元素加上圖標(biāo)對(duì)應(yīng)的 font-class(注意:layui 2.3.0 之前只支持采用 unicode 字符),即可顯示出你想要的圖標(biāo),比如:
<i class="layui-icon layui-icon-face-smile"></i>
注意:在 layui 2.3.0 之前的版本,只能設(shè)置 unicode 來定義圖標(biāo)
<i class="layui-icon"></i>
其中的  即是圖標(biāo)對(duì)應(yīng)的 unicode 字符
你可以去定義它的顏色或者大小,如:
<i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>
140種圖標(biāo):




