From 625c7d5f33d664cbe8e687e10f6bdcfcd4b0e75c Mon Sep 17 00:00:00 2001
From: LCJ-MinYa <1049468118@qq.com>
Date: Tue, 18 Mar 2025 17:56:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20iconfont=E5=AD=97=E4=BD=93=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E4=BD=BF=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                  |  4 ++++
 src/views/demo/iconfont.vue | 24 ++++++++++++++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 src/views/demo/iconfont.vue

diff --git a/index.html b/index.html
index 29c49b5..9ecd2a4 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,10 @@
             rel="icon"
             href="/favicon.ico"
         />
+        <link
+            rel="stylesheet"
+            href="https://at.alicdn.com/t/c/font_4859862_a3w79dfjgfg.css"
+        />
         <script>
             window.process = {};
         </script>
diff --git a/src/views/demo/iconfont.vue b/src/views/demo/iconfont.vue
new file mode 100644
index 0000000..29151bd
--- /dev/null
+++ b/src/views/demo/iconfont.vue
@@ -0,0 +1,24 @@
+<template>
+    <el-card header="Iconfont示例">
+        <i
+            v-for="icon in iconList"
+            :key="icon"
+            class="iconfont"
+            :class="`${icon}`"
+        ></i>
+    </el-card>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const iconList = ref();
+iconList.value = ['icon-yinhangka', 'icon-tupian', 'icon-RectangleCopy', 'icon-RectangleCopy1', 'icon-RectangleCopy2', 'icon-RectangleCopy3'];
+</script>
+
+<style lang="scss" scoped>
+.iconfont {
+    font-size: 48px;
+    color: #333;
+}
+</style>