From 454bc3b52255d6aaca8378a47626796c3827c875 Mon Sep 17 00:00:00 2001
From: jing <1683105490@qq.com>
Date: Wed, 30 Sep 2026 14:21:43 +0800
Subject: [PATCH] =?UTF-8?q?chore=EF=BC=9A=E4=BF=AE=E6=94=B9=E6=9B=B4?=
 =?UTF-8?q?=E5=A4=9A=E5=8A=9F=E8=83=BD=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ai-chat-tools-panel.vue        | 53 +++++++++++++++----
 1 file changed, 42 insertions(+), 11 deletions(-)

diff --git a/pages_tool/ai-chat/components/ai-chat-tools-panel.vue b/pages_tool/ai-chat/components/ai-chat-tools-panel.vue
index a6d24fb..6c1cb66 100644
--- a/pages_tool/ai-chat/components/ai-chat-tools-panel.vue
+++ b/pages_tool/ai-chat/components/ai-chat-tools-panel.vue
@@ -12,24 +12,24 @@
         <!-- PR-CHAT-UI-CONFIG (2026-09-20): 每个附件 tab 由 attachmentTypes 控制显隐
              支持的 kind: image / file / audio / video, 缺失的 kind 自动隐藏
              location 不属于附件, 不受此开关控制 -->
-        <view v-if="isTypeEnabled('image')" class="tool-item" @click="selectImage">
+        <view v-if="isTypeEnabled('image')" class="tool-item tool-item-new tool-item-image" @click="selectImage">
           <view class="tool-icon">
             <text class="icondiy icon-system-image-line"></text>
           </view>
           <text class="tool-text">{{ $lang('ai-chat.index.image') }}</text>
         </view>
-        <view v-if="isTypeEnabled('video')" class="tool-item" @click="selectVideo">
+        <view v-if="isTypeEnabled('video')" class="tool-item tool-item-new tool-item-video" @click="selectVideo">
           <view class="tool-icon">
             <text class="icondiy icon-system-video"></text>
           </view>
           <!-- 第二个参数是 $lang 的默认值: 后端 bundle 尚未下发该 key 时也不会显示 raw key -->
           <text class="tool-text">{{ $lang('ai-chat.index.video', '视频/音频') }}</text>
         </view>
-        <view v-if="isTypeEnabled('file')" class="tool-item" @click="selectFile">
+        <view v-if="isTypeEnabled('file')" class="tool-item tool-item-new tool-item-file" @click="selectFile">
           <view class="tool-icon">
-            <text class="icondiy icon-system-file-2-line"></text>
+            <text class="icondiy icon-system-attachment-line"></text>
           </view>
-          <text class="tool-text">{{ $lang('ai-chat.index.file') }}</text>
+          <text class="tool-text">添加文件</text>
         </view>
         <!-- 更多功能里的语音入口暂时隐藏 -->
         <view v-if="false" class="tool-item" @click="selectVoiceOrAudio">
@@ -38,7 +38,7 @@
           </view>
           <text class="tool-text">{{ $lang('ai-chat.index.voice') }}</text>
         </view>
-        <view class="tool-item" @click="selectLocation">
+        <view v-if="false" class="tool-item tool-item-new tool-item-location" @click="selectLocation">
           <view class="tool-icon">
             <text class="icondiy icon-system-map-pin-line"></text>
           </view>
@@ -466,9 +466,9 @@ export default {
       position: relative; // 为 .close-btn 绝对定位提供参考
 
       text {
-        font-size: 34rpx;
-        font-weight: 600;
-        color: $color-text;
+        font-size: 30rpx;
+        font-weight: 400;
+        color: #000000;
       }
 
       .close-btn {
@@ -485,14 +485,14 @@ export default {
         right: 10rpx; // 
         .iconfont {
           font-size: 28rpx;
-          color: $color-text-light;
+          color: #000000;
         }
       }
     }
 
     .tools-grid {
       display: grid;
-      grid-template-columns: repeat(4, 1fr);
+      grid-template-columns: repeat(3, 1fr);
       gap: 24rpx;
 
       .tool-item {
@@ -527,6 +527,37 @@ export default {
           font-weight: 500;
         }
       }
+
+      // 新样式: 图片 / 添加文件 大卡片, 一比一还原参考图
+      .tool-item-new {
+        background-color: #f2f3f5;
+        border-radius: 28rpx;
+        padding: 36rpx 0;
+
+        .tool-icon {
+          width: 48rpx;
+          height: 48rpx;
+          border-radius: 0;
+          background-color: transparent;
+          box-shadow: none;
+          margin-bottom: 6rpx;
+          line-height: 1;
+
+          .iconfont,
+          .icondiy {
+            font-size: 48rpx;
+            line-height: 1;
+            color: #333;
+          }
+        }
+
+        .tool-text {
+          font-size: 26rpx;
+          line-height: 1;
+          color: #333;
+          font-weight: 500;
+        }
+      }
     }
   }
 }