ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## 图标扩展 图标扩展有两种: 本地svg图标扩展以及iconfont图标扩展 - 本地svg图标扩展方式 1. 在项目的`resources/admin_v3/src/assets/icons` 目录下添加需要扩展的svg图标文件 ![](https://img.kancloud.cn/07/11/071166df92a473d1979232c451ba9ff4_409x398.png) 2. 重新编译项目, `resources/admin_v3` 目录下执行`npm run build` > 编译后, 本地图标扩展的位置: > ![](https://img.kancloud.cn/74/e8/74e89694a22ec695e018ef92879ecd58_1377x416.png) > 本地svg图标扩展的是`local`, 使用方式为 `local-文件名`, 如 `local-dark` - iconfont 图标库扩展 1. 登录iconfont网站,选择你想要的 可以通过扩展的方式添加自定义图标库,目前自定义图标仅支持阿里的iconfont图标。 具体添加步骤如下: 1. 在iconfont网站中选择需要的图标,加入购物车: ![](https://img.kancloud.cn/81/c8/81c86ab8491b3fd10733156acb7769ba_422x173.png) 2. 打开购物车, 将选择的图标`添加至项目`,可新建或选择一个已有的项目。 ![](https://img.kancloud.cn/05/6f/056fef58af71cb96c69ad582ab48f6b9_315x848.png) 3. 添加至项目后,设置项目的相关属性及font-family,如图所示: > 将`Font Family`的值设置为`iconfont`,将字体前缀设置为 `icon-`。 ![](https://img.kancloud.cn/0c/cc/0ccc596f899f736a9af97c8401f880ec_595x648.png) 4. 点击生成或更新代码,如图所示: ![](https://img.kancloud.cn/7e/e3/7ee3b0d881ecc46e088f37c21b97a2a3_1161x610.png) 5. 复制css链接, 将项目目录下 `resources/admin_v3/src/util/icon.js`中`cssUrls`变量的示例链接替换为。 ![](https://img.kancloud.cn/a9/aa/a9aac3019f3682678d4d44e9357a3257_1216x628.png) ![](https://img.kancloud.cn/61/34/6134ca1994ecf7fbf99e6fceb5729afa_906x181.png)