feat: 样式调整

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>

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;

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;

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;
+}