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