Merge branch 'fix-109' of https://git.nianxx.cn/zoujing/YGChatCS

# Conflicts:
#	src/pages/index/components/chat/ChatCardOther/styles/index.scss

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; // ✅ 超出内容被切掉

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;
 

src/pages/index/components/chat/ChatCardOther/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <view class="chat-other pl-20">
-    <text>{{ text }}</text>
+  <view class="chat-other border-box flex flex-col overflow-hidden pl-20">
+    <text class="font-size-14 color-33">{{ text }}</text>
     <slot></slot>
   </view>
 </template>

src/pages/index/components/chat/ChatCardOther/styles/index.scss

@@ -1,14 +1,3 @@
 .chat-other {
-  width: 100%;
   margin: 6px 0;
-  display: flex;
-  flex-direction: column;
-  max-width: 100%; // ✅ 限制最大宽度
-  overflow-x: hidden; // ✅ 防止横向撑开
-  padding-left: 20px;
-
-  text {
-    font-size: $uni-font-size-base;
-    color: $uni-text-color;
-  }
 }

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 {

src/pages/index/components/chat/ChatMoreTips/index.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="more-tips bg-white border-box">
-    <view class="font-size-0 whitesspace-nowrap scroll-x">
+    <view class="font-size-0 whitespace-nowrap scroll-x">
       <view
         class="more-tips-item border-box inline-block mr-8"
         v-for="(item, index) in guideWords"

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"
@@ -26,18 +26,22 @@ const itemList = ref([
   {
     icon: "",
     title: "快速预定",
+    type: "Command.quickBooking",
   },
   {
     icon: "",
     title: "探索发现",
+    type: "Command.discovery",
   },
   {
     icon: "",
-    title: "反馈意见",
+    title: "呼叫服务",
+    type: "Command.callService",
   },
   {
     icon: "https://oss.nianxx.cn/mp/static/version_101/home/more.png",
     title: "更多",
+    type: "Command.more",
   },
 ]);
 

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"

src/pages/index/components/module/RecommendPostsList/index.vue

@@ -2,7 +2,7 @@
   <view class="container">
     <ModuleTitle :title="recommendTheme.themeName" />
 
-    <view class="container-scroll font-size-0 scroll-x whitescape-nowrap">
+    <view class="container-scroll font-size-0 scroll-x whitespace-nowrap">
       <view
         class="card-item bg-white inline-block rounded-20 mr-8"
         v-for="(item, index) in recommendTheme.recommendPostsList"
@@ -19,11 +19,14 @@
           <view class="shadow absolute rounded-16"></view>
         </view>
 
-        <view
-          class="card-text color-171717 font-size-14 line-height-20 border-box"
-        >
+        <view class="card-text border-box">
+          <view class="color-171717 font-size-14 line-height-20">
             {{ item.topic }}
           </view>
+          <view class="font-size-11 color-99A0AE">
+            {{ item.userInputContent }}
+          </view>
+        </view>
       </view>
     </view>
   </view>

src/pages/index/components/module/RecommendPostsList/styles/index.scss

@@ -4,7 +4,6 @@
 
 .card-item {
   width: 128px;
-  height: 164px;
 }
 
 .card-img {

src/static/scss/font-size.scss

@@ -11,6 +11,10 @@
   font-size: 10px;
 }
 
+.font-size-11 {
+  font-size: 11px;
+}
+
 .font-size-12 {
   font-size: 12px;
 }

src/static/scss/index.scss

@@ -14,8 +14,8 @@
 @import "./rounded.scss";
 @import "./ellipsis.scss";
 @import "./position.scss";
-@import "./scroll.scss";
 @import "./overflow.scss";
+@import "./scroll.scss";
 @import "./width.scss";
 @import "./z-index.scss";
 @import "./white-space.scss";

src/static/scss/margin.scss

@@ -19,6 +19,10 @@
   margin-bottom: 12px;
 }
 
+.ml-12 {
+  margin-left: 12px;
+}
+
 .ml-20 {
   margin-left: 20px;
 }

src/static/scss/white-space.scss

@@ -1,3 +1,3 @@
-.whitesspace-nowrap {
+.whitespace-nowrap {
   white-space: nowrap;
 }