From 00fe12a91c1fb0529c51ee1afd8ac666c1c8de73 Mon Sep 17 00:00:00 2001
From: zouzhibing <esoul@654321>
Date: Thu, 15 Sep 2022 13:25:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E9=98=BF=E9=87=8C?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E5=BA=93=EF=BC=8C=E7=A7=BB=E9=99=A4=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E6=96=87=E4=BB=B6=EF=BC=8C=E4=BC=98=E5=8C=96=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/other/iconfont/index.vue | 53 ++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 src/views/other/iconfont/index.vue

diff --git a/src/views/other/iconfont/index.vue b/src/views/other/iconfont/index.vue
new file mode 100644
index 0000000..02c42b2
--- /dev/null
+++ b/src/views/other/iconfont/index.vue
@@ -0,0 +1,53 @@
+<template>
+  <u-container-layout class="components-container">
+    <div class="content-box">
+      <el-alert
+          title="普通引入方式 Font Class"
+          type="warning"
+          :closable="false"
+      />
+      <br />
+      <div class="icon-list">
+        <span class="iconfont icon-dabaoyu"></span>
+        <span class="iconfont icon-yin"></span>
+        <span class="iconfont icon-dabaoyu"></span>
+        <span class="iconfont icon-shuaxin1"></span>
+        <span class="iconfont icon-shuaxin"></span>
+        <span class="iconfont icon-duoyun-2-copy"></span>
+        <span class="iconfont icon-duoyun-1"></span>
+        <span class="iconfont icon-daxue"></span>
+        <span class="iconfont icon-dayu"></span>
+        <span class="iconfont icon-feng"></span>
+      </div>
+
+      <el-alert
+          title="Symbol 的方式渲染图标 支持多色"
+          type="warning"
+          :closable="false"
+      />
+      <div class="icon-list">
+        <SvgIcon icon-class="feng" class-name="iconfont"/>
+        <SvgIcon icon-class="zhongxue" class-name="iconfont"/>
+        <SvgIcon icon-class="yangchen" class-name="iconfont"/>
+        <SvgIcon icon-class="yujiaxue" class-name="iconfont"/>
+        <SvgIcon icon-class="qing" class-name="iconfont"/>
+        <SvgIcon icon-class="mai" class-name="iconfont"/>
+        <SvgIcon icon-class="wu" class-name="iconfont"/>
+        <SvgIcon icon-class="xiaoyu" class-name="iconfont"/>
+        <SvgIcon icon-class="xiaoxue" class-name="iconfont"/>
+        <SvgIcon icon-class="shandian" class-name="iconfont"/>
+        <SvgIcon icon-class="xue" class-name="iconfont"/>
+      </div>
+
+    </div>
+  </u-container-layout>
+
+</template>
+
+<script setup lang="ts" name="svgIcon">
+import SvgIcon from "@/components/SvgIcon/index.vue";
+</script>
+
+<style scoped lang="scss">
+@import "./index.scss";
+</style>