📄 前端图标离线显示处理

本章文档对应视频 📺 图标库离线加载处理

① 下载通用图标库

• PIG 矢量图标 (opens new window)
• Avue 矢量图标 (opens new window)

② 下载个性化的图标库

此图标库为您后期在阿里巴巴矢量图标库自己添加的项目

③ 解压以上相关图标库资源

• 在 pigx-ui/public/cdn 创建一个 iconfont 目录，将相关的解压后的资源重命名后放入

④ 修改 index.html 加载规则

• 特别注意在 index.html 也要维护您个性化的图表库资源路径

  <link rel="stylesheet" href="<%= BASE_URL %>cdn/iconfont/avue/iconfont.css">
  <link rel="stylesheet" href="<%= BASE_URL %>cdn/iconfont/pig/iconfont.css">
<link rel="stylesheet" href="<%= BASE_URL %>cdn/iconfont/您自己个性化的图标库/iconfont.css">