Layui 框架提供了两种添加图标的方式：使用 CSS 引入 layui.css 文件并为元素添加 class 名，其中包含图标的 Unicode 编码。使用 JavaScript 引入 layui.js 文件并调用 layui.icon() 方法，传入元素和图标的 Unicode 编码。

layui图标如何添加

layui框架提供了一套丰富的图标库，可以轻松地将其添加到您的项目中。下面介绍两种添加方式：

方式一：使用 CSS

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

1. 在项目中引入 layui 的 CSS 文件：<link rel="stylesheet" href="layui/css/layui.css">
2. 为要添加图标的元素添加对应的类名：<span class="layui-icon"></span>

其中， 为图标的 Unicode 编码。您可以通过查阅 layui 图标文档查找所需图标的编码。

方式二：使用 JavaScript

1. 在项目中引入 layui 的 JavaScript 文件：<script src="layui/layui.js"></script>
2. 使用 layui.icon() 方法添加图标：

layui.icon({
  elem: document.getElementById('icon'),
  value: ''
});

同样， 为图标的 Unicode 编码。