feat: 首页主题样式调整

This commit is contained in:
duanshuwen
2025-10-15 20:21:32 +08:00
parent 6c35146b36
commit 44a3b16eb1
9 changed files with 22 additions and 23 deletions

View File

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

View File

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

View File

@@ -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"

View File

@@ -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",
},
]);

View File

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

View File

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