# Conflicts:
#	src/pages/index/components/chat/ChatCardOther/styles/index.scss
This commit is contained in:
2025-10-15 20:27:10 +08:00
9 changed files with 22 additions and 23 deletions

View File

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

View File

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

View File

@@ -1,6 +1,6 @@
<template> <template>
<view class="more-tips bg-white border-box"> <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 <view
class="more-tips-item border-box inline-block mr-8" class="more-tips-item border-box inline-block mr-8"
v-for="(item, index) in guideWords" v-for="(item, index) in guideWords"

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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