From 9769036058fcfab82c2209fa0ed32114db783528 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Wed, 11 Jun 2025 13:21:49 +0800
Subject: [PATCH] =?UTF-8?q?style(AI):=20=E4=BC=98=E5=8C=96=E8=81=8A?=
 =?UTF-8?q?=E5=A4=A9=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E5=B9=B6=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=85=A8=E5=B1=80=E6=A0=B7=E5=BC=8F=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 chat.vue 中添加 .input-icon 和 .wh25 全局样式类
- 在 message.vue 中添加 .wh15 全局样式类
- 调整 sticky.vue 中工具箱模块的宽度
---
 src/views/AI/components/chat.vue    | 12 ++++++++++--
 src/views/AI/components/message.vue |  6 +++++-
 src/views/AI/components/sticky.vue  |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/views/AI/components/chat.vue b/src/views/AI/components/chat.vue
index afa225c..88158ba 100644
--- a/src/views/AI/components/chat.vue
+++ b/src/views/AI/components/chat.vue
@@ -44,8 +44,8 @@
       </div>
       <!-- 语音按钮：按住说话 -->
       <button @click="isVoiceMode = !isVoiceMode" class="mic-button ml10 mr10">
-        <svg-icon v-if="!isVoiceMode" icon-class="voice" class-name="chat-icon ml10" style="width: 25px; height: 25px"></svg-icon>
-        <span v-else style="font-size: 20px; color: #707070" class="ml15 mr5">⌨</span>
+        <svg-icon v-if="!isVoiceMode" icon-class="voice" class-name="chat-icon ml10 wh25"></svg-icon>
+        <span v-else class="ml15 mr5 input-icon">⌨</span>
       </button>
       <!-- 发送按钮 -->
       <button @click="sendMessage" :disabled="messageStatus === 'send'" :class="{ disabled: messageStatus === 'send' }" class="mr10 fs16">发送</button>
@@ -332,6 +332,14 @@ export default {
 $primary-color: #2e5ca9;
 $primary-text-color: #f6aa21;
 $primary-trans-color: rgba(135, 162, 208, 0.5);
+.input-icon {
+  font-size: 20px;
+  color: #707070;
+}
+.wh25 {
+  width: 25px;
+  height: 25px;
+}
 .isVoiceModeText {
   display: flex;
   textarea {
diff --git a/src/views/AI/components/message.vue b/src/views/AI/components/message.vue
index 9050069..be51e7c 100644
--- a/src/views/AI/components/message.vue
+++ b/src/views/AI/components/message.vue
@@ -35,7 +35,7 @@
           <svg-icon :icon-class="message.isLike ? 'fillLike' : 'like'" class-name="chat-icon"></svg-icon> 有用
         </button>
         <button @click="handleReaction(message, 'dislike')" class="dislike">
-          <svg-icon :icon-class="message.isDisLike ? 'fillDislike' : 'dislike'" style="width: 15px; height: 15px"></svg-icon>无用
+          <svg-icon :icon-class="message.isDisLike ? 'fillDislike' : 'dislike'" class-name="wh15"></svg-icon>无用
         </button>
       </div>
     </div>
@@ -107,6 +107,10 @@ $primary-color: #2e5ca9; // 修复了 SCSS 变量的定义方式
 $primary-text-color: #f6aa21; // 修复了 SCSS 变量的定义方式
 $primary-trans-color: rgba(135, 162, 208, 0.5); // 使用rgba定义颜色，透明度为0.8
 
+.wh15 {
+  width: 15px;
+  height: 15px;
+}
 .message-item {
   all: initial;
   margin-bottom: 10px;
diff --git a/src/views/AI/components/sticky.vue b/src/views/AI/components/sticky.vue
index e2d70c4..d7b2940 100644
--- a/src/views/AI/components/sticky.vue
+++ b/src/views/AI/components/sticky.vue
@@ -22,7 +22,7 @@
       </van-dropdown-item>
     </van-dropdown-menu>
     <!--工具箱或其他模块-->
-    <van-dropdown-menu active-color="#2e5ca9" :disabled="isDisabled" style="width: 50px">
+    <van-dropdown-menu active-color="#2e5ca9" :disabled="isDisabled" style="width: 12vw">
       <template> </template>
       <van-dropdown-item v-model="value2" :options="treasureList" @change="changeTreasureBox" :disabled="isDisabled" title-class="more-drown">
         <template #title>