From 089bf5d2378b3c4a61d795b2a92bede2c193b771 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 06 Jan 2026 11:22:58 +0800
Subject: [PATCH] 1
---
src/icons/index.js | 27 +++++++++++++++++++++++++++
1 files changed, 27 insertions(+), 0 deletions(-)
diff --git a/src/icons/index.js b/src/icons/index.js
new file mode 100644
index 0000000..d290b57
--- /dev/null
+++ b/src/icons/index.js
@@ -0,0 +1,27 @@
+/**
+ * 字体图标, 统一使用SVG Sprite矢量图标(http://www.iconfont.cn/）
+ * 8a8a8a 32
+ * 使用:
+ * 1. 在阿里矢量图标站创建一个项目, 并添加图标(这一步非必须, 创建方便项目图标管理)
+ * 2-1. 添加icon, 选中新增的icon图标, 复制代码 -> 下载 -> SVG下载 -> 粘贴代码(重命名)
+ * 2-2. 添加icons, 下载图标库对应[iconfont.js]文件, 替换项目[./iconfont.js]文件
+ * 3. 组件模版中使用 [<icon-svg name="canyin"></icon-svg>]
+ *
+ * 注意:
+ * 1. 通过2-2 添加icons, getNameList方法无法返回对应数据
+ */
+import Vue from 'vue'
+import IconSvg from '@/components/icon-svg'
+import './iconfont.js'
+
+Vue.component('IconSvg', IconSvg)
+
+const svgFiles = require.context('./svg', true, /\.svg$/)
+const iconList = svgFiles.keys().map(item => svgFiles(item))
+
+export default {
+ // 获取图标icon-(*).svg名称列表, 例如[shouye, xitong, zhedie, ...]
+ getNameList () {
+ return iconList.map(item => item.default.id.split('-')[1])
+ }
+}
--
Gitblit v1.9.3