YiLin/phone-app------test1-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改了ai气泡大小

Browse Source
This commit is contained in:
YiLin
2026-07-08 10:58:46 +08:00
parent bf5203b081
commit f0c8904d33
4 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
pages/Chat/Chat.css
View File

@@ -427,6 +427,11 @@
border-bottom-right-radius: 8rpx;
}
/* AI 回复气泡满屏 */
.chat-content-assistant {
max-width: 100%;
}
.chat-content:not(.chat-content-user) {
border-bottom-left-radius: 8rpx;
}

2
pages/Chat/Chat.vue
View File

@@ -117,7 +117,7 @@
<!-- <view v-if="message.role ==='assistant'" class="iconfont icon-Robot"></view> -->
<!-- <view v-if="message.role ==='user'" class="iconfont icon-yonghuziliao"></view> -->
</view>
<view class="chat-content" :class="{'chat-content-user':message.role==='user'}"
<view class="chat-content" :class="{'chat-content-user':message.role==='user', 'chat-content-assistant':message.role==='assistant'}"
@click="showMessageDetail(message)"
v-if="message.content && String(message.content).trim() !== ''">
<!-- 文本内容 -->

2
unpackage/dist/dev/app-plus/app-service.js vendored
View File

@@ -6622,7 +6622,7 @@ This will fail in production.`);
)) : vue.createCommentVNode("v-if", true),
message.content && String(message.content).trim() !== "" ? (vue.openBlock(), vue.createElementBlock("view", {
key: 1,
class: vue.normalizeClass(["chat-content", { "chat-content-user": message.role === "user" }]),
class: vue.normalizeClass(["chat-content", { "chat-content-user": message.role === "user", "chat-content-assistant": message.role === "assistant" }]),
onClick: ($event) => $setup.showMessageDetail(message)
}, [
$setup.parseFileInfo(message.content).textContent ? (vue.openBlock(), vue.createElementBlock("view", {

4
unpackage/dist/dev/app-plus/pages/Chat/Chat.css vendored
View File

@@ -1283,6 +1283,10 @@ to { opacity: 1; transform: translateY(0);
box-shadow: 0 0.125rem 0.375rem rgba(170, 170, 255, 0.3);
border-bottom-right-radius: 0.25rem;
}
/* AI 回复气泡满屏 */
.chat-content-assistant[data-v-5eb7b895] {
max-width: 100%;
}
.chat-content[data-v-5eb7b895]:not(.chat-content-user) {
border-bottom-left-radius: 0.25rem;
}