From 6bce9ad6cf630bdc9197abbcb5037091497b2176 Mon Sep 17 00:00:00 2001
From: Agent <agent@openclaw.ai>
Date: Sat, 28 Mar 2026 13:03:50 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=9B=BE=E6=A0=87=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E6=9B=B4=E7=AE=80=E6=B4=81=E7=9A=84Element=20UI=E9=A3=8E?=
 =?UTF-8?q?=E6=A0=BC=E7=AC=A6=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Icon.vue | 50 +++++++++++++++++++----------------------
 1 file changed, 23 insertions(+), 27 deletions(-)

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