From f1e009d656624b3bc3407f11da006d0686d274b4 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Tue, 14 Oct 2025 20:09:18 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/chat/ChatCardOther/index.vue      |  2 +-
 .../chat/ChatCardOther/styles/index.scss         |  1 +
 .../chat/ChatMoreTips/styles/index.scss          |  5 ++++-
 src/static/scss/padding.scss                     | 16 ++++++++++++++++
 4 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/pages/index/components/chat/ChatCardOther/index.vue b/src/pages/index/components/chat/ChatCardOther/index.vue
index ab3f85f..315d209 100644
--- a/src/pages/index/components/chat/ChatCardOther/index.vue
+++ b/src/pages/index/components/chat/ChatCardOther/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="chat-other">
+  <view class="chat-other pl-20">
     <text>{{ text }}</text>
     <slot></slot>
   </view>
diff --git a/src/pages/index/components/chat/ChatCardOther/styles/index.scss b/src/pages/index/components/chat/ChatCardOther/styles/index.scss
index 6d3c9ef..ff593d0 100644
--- a/src/pages/index/components/chat/ChatCardOther/styles/index.scss
+++ b/src/pages/index/components/chat/ChatCardOther/styles/index.scss
@@ -5,6 +5,7 @@
   flex-direction: column;
   max-width: 100%; // ✅ 限制最大宽度
   overflow-x: hidden; // ✅ 防止横向撑开
+  padding-left: 20px;
 
   text {
     font-size: $uni-font-size-base;
diff --git a/src/pages/index/components/chat/ChatMoreTips/styles/index.scss b/src/pages/index/components/chat/ChatMoreTips/styles/index.scss
index 870f1c5..f42f31c 100644
--- a/src/pages/index/components/chat/ChatMoreTips/styles/index.scss
+++ b/src/pages/index/components/chat/ChatMoreTips/styles/index.scss
@@ -7,7 +7,7 @@
     overflow-x: auto;
     white-space: nowrap;
     -webkit-overflow-scrolling: touch;
-    padding: 8px 16px;
+    padding: 8px 0;
     box-sizing: border-box;
   }
 
@@ -22,6 +22,9 @@
     flex-shrink: 0;
     white-space: nowrap;
     position: relative;
+    &:first-child {
+      margin-left: 0;
+    }
 
     .more-tips-item-title {
       color: #00a6ff;
diff --git a/src/static/scss/padding.scss b/src/static/scss/padding.scss
index 988e645..0bdd3fa 100644
--- a/src/static/scss/padding.scss
+++ b/src/static/scss/padding.scss
@@ -22,3 +22,19 @@
 .pl-12 {
   padding-left: 12px;
 }
+
+.pl-16 {
+  padding-left: 16px;
+}
+
+.pr-16 {
+  padding-right: 16px;
+}
+
+.pl-20 {
+  padding-left: 20px;
+}
+
+.pr-20 {
+  padding-right: 20px;
+}