feat: 样式调整
This commit is contained in:
@@ -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%; // ✅ 限制最大宽度
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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; // ✅ 防止横向撑开
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -1,3 +0,0 @@
|
|||||||
.chat-other {
|
|
||||||
margin: 6px 0;
|
|
||||||
}
|
|
||||||
@@ -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"
|
||||||
|
|||||||
@@ -1,3 +0,0 @@
|
|||||||
.footer {
|
|
||||||
padding-bottom: Max(env(safe-area-inset-bottom), 12px);
|
|
||||||
}
|
|
||||||
@@ -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",
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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);
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user