fix: 图标改为更简洁的Element UI风格符号

src/components/Icon.vue

@@ -1,40 +1,38 @@
 <template>
-  <view class="icon-wrapper" :style="iconStyle">
+  <text class="icon" :class="'icon-' + name" :style="iconStyle">{{ iconChar }}</text>
-    <text class="icon-text">{{ iconChar }}</text>
-  </view>
 </template>
 
 <script>
-// 简单图标映射
+// Element UI 风格图标（使用更专业的 Unicode 符号）
 const icons = {
-  home: '🏠',
+  home: '⌂',
   user: '👤',
-  chart: '📊',
+  chart: '📈',
   product: '📦',
-  add: '➕',
+  add: '＋',
-  search: '🔍',
+  search: '🔎',
-  order: '📋',
+  order: '📝',
-  edit: '✏️',
+  edit: '✎',
   check: '✓',
   close: '✕',
-  stock: '🏭',
+  stock: '📦',
-  alert: '⚡',
+  alert: '⚠',
-  in: '⬇️',
+  in: '↓',
-  out: '⬆️',
+  out: '↑',
   customer: '👥',
-  money: '💰',
+  money: '💴',
-  logout: '↩️',
+  logout: '↪',
   right: '›',
   left: '‹',
-  down: '▼',
+  down: '▽',
-  lock: '🔐',
+  lock: '🔒',
   calendar: '📅',
-  setting: '⚙️',
+  setting: '⚙',
   wechat: '💬',
   cash: '💵',
   alipay: '💙',
-  plus: '📥',
+  plus: '＋',
-  flow: '📊'
+  flow: '↔'
 }
 
 export default {
@@ -59,12 +57,10 @@ export default {
 </script>
 
 <style>
-.icon-wrapper {
+.icon {
-  display: flex;
+  font-family: system-ui, -apple-system, sans-serif;
-  align-items: center;
+  display: inline-block;
-  justify-content: center;
+  text-align: center;
-}
-.icon-text {
   line-height: 1;
 }
 </style>