zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 消息流中的图片样式处理

Browse Source
This commit is contained in:
zoujing
2026-04-07 12:19:15 +08:00
parent 605183e8dc
commit c9f350b157
3 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/index/components/chat/ChatCardAi/index.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<view class="container"> <view class="container">
<view class="chat-ai"> <view class="chat-ai">
<view class="loading-container"> <view class="container-content">
<image <image
v-if="isLoading" v-if="isLoading"
class="loading-img" class="loading-img"

2
src/pages/index/components/chat/ChatCardAi/styles/index.scss
View File

@@ -16,7 +16,7 @@
} }
} }
.loading-container { .container-content {
display: flex; display: flex;
align-items: center; align-items: center;
max-width: 100%; // ✅ 限制最大宽度 max-width: 100%; // ✅ 限制最大宽度

13
src/pages/index/components/chat/ChatMarkdown/index.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<view> <view class="container">
<zero-markdown-view :markdown="text" :aiMode="true"></zero-markdown-view> <zero-markdown-view :markdown="text" :aiMode="true"></zero-markdown-view>
</view> </view>
</template> </template>
@@ -15,4 +15,13 @@ defineProps({
}); });
</script> </script>
<style scoped></style> <style scoped>
.container {
width: 100%;
}
.container ::v-deep image,
.container ::v-deep video,
.container ::v-deep iframe {
width: 100% !important;
}
</style>