LayUI 图标使用

概述

layui 的所有图标全部采用字体形式，取材于阿里巴巴矢量图标库（iconfont）。因此你可以把一个 icon 看作是一个普通的文字，这意味着你直接用 css 控制文字属性，如 color、font-size，就可以改变图标的颜色和大小。你可以通过 font-class 或 unicode 来定义不同的图标。

官网：https://www.layui.com/doc/element/icon.html

<!-- 引入css  -->
<link rel="stylesheet" href="./layui/css/layui.css">

使用

注意：在 layui 2.3.0 之前的版本，只能设置 unicode 来定义图标

<i class="layui-icon">&#xe68f;</i>
<!-- 如果要单纯的显示 &#xe68f;  -->
<i class="layui-icon">&amp;#xe68f;</i>

从 layui 2.3.0 开始，支持 font-class 的形式定义图标：

<i class="layui-icon layui-icon-heart-fill"></i>