feat: 首页主题样式调整

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/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

@@ -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/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,10 +19,13 @@
           <view class="shadow absolute rounded-16"></view>
         </view>
 
-        <view
-          class="card-text color-171717 font-size-14 line-height-20 border-box"
-        >
-          {{ item.topic }}
+        <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>

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/white-space.scss

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