From 666e7d738ad9ad9e83a4267a7cdc45633a4787eb Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Wed, 15 Oct 2025 20:25:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=BE=B9=E8=B7=9D=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/components/chat/ChatCardAi/styles/index.scss  | 2 +-
 .../index/components/chat/ChatCardMine/styles/index.scss      | 2 +-
 .../index/components/chat/ChatCardOther/styles/index.scss     | 2 +-
 .../index/components/chat/ChatInputArea/styles/index.scss     | 2 +-
 src/pages/index/components/chat/ChatQuickAccess/index.vue     | 2 +-
 src/pages/index/components/chat/ChatTopWelcome/index.vue      | 2 +-
 src/static/scss/margin.scss                                   | 4 ++++
 7 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/pages/index/components/chat/ChatCardAi/styles/index.scss b/src/pages/index/components/chat/ChatCardAi/styles/index.scss
index a450ce5..1d1ffa4 100644
--- a/src/pages/index/components/chat/ChatCardAi/styles/index.scss
+++ b/src/pages/index/components/chat/ChatCardAi/styles/index.scss
@@ -6,7 +6,7 @@
 
   .chat-ai {
     margin: 6px 0;
-    padding: 0 20px; // 消息内容的内边距 左右20px
+    padding: 0 12px; // 消息内容的内边距 左右20px
     min-width: 100px;
     max-width: 100%; // ✅ 限制最大宽度
     overflow: hidden; // ✅ 超出内容被切掉
diff --git a/src/pages/index/components/chat/ChatCardMine/styles/index.scss b/src/pages/index/components/chat/ChatCardMine/styles/index.scss
index f3df1c2..8a53aab 100644
--- a/src/pages/index/components/chat/ChatCardMine/styles/index.scss
+++ b/src/pages/index/components/chat/ChatCardMine/styles/index.scss
@@ -1,5 +1,5 @@
 .chat-mine {
-  margin: 6px 20px;
+  margin: 6px 12px;
   padding: 8px 16px;
   border-radius: 15px;
 
diff --git a/src/pages/index/components/chat/ChatCardOther/styles/index.scss b/src/pages/index/components/chat/ChatCardOther/styles/index.scss
index ff593d0..ad196ca 100644
--- a/src/pages/index/components/chat/ChatCardOther/styles/index.scss
+++ b/src/pages/index/components/chat/ChatCardOther/styles/index.scss
@@ -5,7 +5,7 @@
   flex-direction: column;
   max-width: 100%; // ✅ 限制最大宽度
   overflow-x: hidden; // ✅ 防止横向撑开
-  padding-left: 20px;
+  padding-left: 12px;
 
   text {
     font-size: $uni-font-size-base;
diff --git a/src/pages/index/components/chat/ChatInputArea/styles/index.scss b/src/pages/index/components/chat/ChatInputArea/styles/index.scss
index bb56386..39c8828 100644
--- a/src/pages/index/components/chat/ChatInputArea/styles/index.scss
+++ b/src/pages/index/components/chat/ChatInputArea/styles/index.scss
@@ -4,7 +4,7 @@
   border-radius: 24px;
   background-color: $uni-bg-color;
   box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
-  margin: 0 20px;
+  margin: 0 12px;
   margin-bottom: 8px;
 
   .input-container-voice {
diff --git a/src/pages/index/components/chat/ChatQuickAccess/index.vue b/src/pages/index/components/chat/ChatQuickAccess/index.vue
index c495671..dffa4f0 100644
--- a/src/pages/index/components/chat/ChatQuickAccess/index.vue
+++ b/src/pages/index/components/chat/ChatQuickAccess/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view
-    class="quick-access border-box flex flex-nowrap items-center ml-20 pt-8 pb-8"
+    class="quick-access border-box flex flex-nowrap items-center ml-12 pt-8 pb-8"
   >
     <view
       class="item border-box rounded-50 flex flex-row items-center"
diff --git a/src/pages/index/components/chat/ChatTopWelcome/index.vue b/src/pages/index/components/chat/ChatTopWelcome/index.vue
index bd435e6..db4653d 100644
--- a/src/pages/index/components/chat/ChatTopWelcome/index.vue
+++ b/src/pages/index/components/chat/ChatTopWelcome/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="welcome-content border-box p-20">
+  <view class="welcome-content border-box p-12">
     <view class="wrap rounded-20">
       <view
         class="flex flex-items-center flex-justify-between border-box pl-12 pr-12"
diff --git a/src/static/scss/margin.scss b/src/static/scss/margin.scss
index 8bba288..681ff5d 100644
--- a/src/static/scss/margin.scss
+++ b/src/static/scss/margin.scss
@@ -19,6 +19,10 @@
   margin-bottom: 12px;
 }
 
+.ml-12 {
+  margin-left: 12px;
+}
+
 .ml-20 {
   margin-left: 20px;
 }