fix:修复首页图标错误

Author: Taois

dashboard/src/assets/icon_font/demo_index.html

@@ -264,9 +264,9 @@ <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</co
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1759684524679') format('woff2'),
-       url('iconfont.woff?t=1759684524679') format('woff'),
-       url('iconfont.ttf?t=1759684524679') format('truetype');
+  src: url('iconfont.woff2?t=1759693018509') format('woff2'),
+       url('iconfont.woff?t=1759693018509') format('woff'),
+       url('iconfont.ttf?t=1759693018509') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>

dashboard/src/assets/icon_font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 5032989 */
-  src: url('iconfont.woff2?t=1759684524679') format('woff2'),
-       url('iconfont.woff?t=1759684524679') format('woff'),
-       url('iconfont.ttf?t=1759684524679') format('truetype');
+  src: url('iconfont.woff2?t=1759693018509') format('woff2'),
+       url('iconfont.woff?t=1759693018509') format('woff'),
+       url('iconfont.ttf?t=1759693018509') format('truetype');
 }
 
 .iconfont {

dashboard/src/assets/icon_font/iconfont.js

@@ -41,7 +41,9 @@
           >
             <a-menu-item :key="item.id">
               <!--            <IconHome></IconHome>-->
-              <icon-font :type="item.icon" :size="16"/>
+              <svg style="width: 16px; height: 16px; margin-right: 8px;">
+                <use :href="`#${item.icon}`"></use>
+              </svg>
               {{ item.name }}
             </a-menu-item>
           </router-link>
@@ -80,11 +82,9 @@ import {
 } from '@arco-design/web-vue/es/icon';
 import Header from './Header.vue'; // 引入头部组件
 import Footer from './Footer.vue'; // 引入底部组件
-import { Icon } from '@arco-design/web-vue';
 import { usePaginationStore } from '@/stores/paginationStore';
 import logo from '@/assets/logo.png';
-
-const IconFont = Icon.addFromIconFontCn({src: '//at.alicdn.com/t/c/font_5032989_8fdfro7017b.js'});
+import '@/assets/icon_font/iconfont.js';
 
 export default defineComponent({
   components: {
@@ -94,7 +94,6 @@ export default defineComponent({
     IconCalendar,
     Header,
     Footer,
-    IconFont,
   },
   setup() {
     const route = useRoute();