jwai/amber-ui-re
1
0
Fork 0
forked from Leaf/amber-ui
Code Pull Requests Activity

改进 头像显示

Browse Source
This commit is contained in:
Twilight 2024-09-16 11:34:19 +08:00
parent f1fb1625d8
commit edd24dbb28
1 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/chat/MessageList.vue
View File

@ -12,10 +12,10 @@
<n-image <n-image
v-if="message.user_file" v-if="message.user_file"
width="100" width="100"
:src="fileBaseUrl + '/' + message.user_file.id + '/download'" :src="fileBaseUrl + '/user/' + message.user_file.id + '/download'"
/> />
<n-image <n-image
v-if="message.file" v-else-if="message.file"
width="100" width="100"
:src="fileBaseUrl + '/' + message.file.id + '/download'" :src="fileBaseUrl + '/' + message.file.id + '/download'"
/> />
@ -33,14 +33,29 @@
/> --> /> -->
<!-- <v-md-preview :text="message.content" height="500px"></v-md-preview> --> <!-- <v-md-preview :text="message.content" height="500px"></v-md-preview> -->
<div v-html="mdIt.render(message.content)"></div> <div v-html="mdIt.render(message.content)"></div>
<n-avatar round size="large" :src="userStore.user.avatar" class="ml-3 min-w-10" /> <div class="relative h-full">
<n-avatar
round
size="large"
:src="userStore.user.avatar"
class="ml-3 min-w-10 absolute top-0"
/>
</div>
</div> </div>
</n-flex> </n-flex>
</div> </div>
<div v-else-if="message.role === 'assistant' && message.content"> <div v-else-if="message.role === 'assistant' && message.content">
<!-- 助理消息 --> <!-- 助理消息 -->
<n-flex justify="start" class="!flex-nowrap"> <n-flex justify="start" class="!flex-nowrap">
<n-avatar round size="large" :src="leaflowPng" class="min-w-10 min-h-10 p-1.5 !bg-transparent dark:!bg-white"/> <div class="relative h-full">
<n-avatar
round
size="large"
:src="leaflowPng"
class="min-w-10 min-h-10 p-1.5 absolute top-0 !bg-transparent dark:!bg-white"
/>
</div>
<div class="flex items-center flex-nowrap"> <div class="flex items-center flex-nowrap">
<!-- <vue-markdown-it <!-- <vue-markdown-it