feat: 样式调整

This commit is contained in:
2025-10-16 18:57:48 +08:00
parent e9dbb3d44f
commit b11b5888a7
9 changed files with 19 additions and 13 deletions

View File

@@ -18,7 +18,6 @@
.loading-container { .loading-container {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 4px 0;
max-width: 100%; // ✅ 限制最大宽度 max-width: 100%; // ✅ 限制最大宽度
} }

View File

@@ -5,7 +5,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 100px;
max-width: 100%; // ✅ 限制最大宽度 max-width: 100%; // ✅ 限制最大宽度
overflow-x: hidden; // ✅ 防止横向撑开 overflow-x: hidden; // ✅ 防止横向撑开
} }

View File

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

View File

@@ -1,3 +0,0 @@
.chat-other {
margin: 6px 0;
}

View File

@@ -103,7 +103,7 @@
</scroll-view> </scroll-view>
<!-- 输入框区域 --> <!-- 输入框区域 -->
<view class="footer"> <view class="pb-safe-area">
<ChatQuickAccess @replySent="handleReplyInstruct" /> <ChatQuickAccess @replySent="handleReplyInstruct" />
<ChatInputArea <ChatInputArea
ref="inputAreaRef" ref="inputAreaRef"

View File

@@ -1,3 +0,0 @@
.footer {
padding-bottom: Max(env(safe-area-inset-bottom), 12px);
}

View File

@@ -35,8 +35,8 @@ const itemList = ref([
}, },
{ {
icon: "", icon: "",
title: "呼叫服务", title: "反馈意见",
type: "Command.callService", type: "Command.feedbackCard",
}, },
{ {
icon: "https://oss.nianxx.cn/mp/static/version_101/home/more.png", icon: "https://oss.nianxx.cn/mp/static/version_101/home/more.png",

View File

@@ -19,6 +19,14 @@
margin-bottom: 12px; margin-bottom: 12px;
} }
.mt-6 {
margin-top: 6px;
}
.mb-6 {
margin-bottom: 6px;
}
.ml-12 { .ml-12 {
margin-left: 12px; margin-left: 12px;
} }

View File

@@ -58,3 +58,7 @@
.pb-20 { .pb-20 {
padding-bottom: 20px; padding-bottom: 20px;
} }
.pb-safe-area {
padding-bottom: Max(env(safe-area-inset-bottom), 12px);
}