style: 文案和样式修改
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<div class="chat-message" :class="{ 'user-message': isMyself, 'ai-message': !isMyself }">
|
||||
<!-- AI消息显示头像 -->
|
||||
<div v-if="!isMyself" class="chat-avatar">
|
||||
<img src="@/assets/images/asistant.png" alt="AI Avatar" />
|
||||
<img class="avatar" :src="thumb" alt="AI Avatar" />
|
||||
</div>
|
||||
|
||||
<!-- 消息内容 -->
|
||||
@@ -27,9 +27,15 @@
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
import MarkdownIt from 'markdown-it'
|
||||
import { useUserInfoStore } from '@/stores'
|
||||
|
||||
const md = new MarkdownIt()
|
||||
|
||||
const userInfoStore = useUserInfoStore()
|
||||
const thumb = computed(() => {
|
||||
return userInfoStore.state.generateParams.stylistImage
|
||||
})
|
||||
|
||||
// 定义消息类型
|
||||
interface ChatMessage {
|
||||
sessionId: string | number
|
||||
@@ -133,16 +139,17 @@ const actionList: ActionItem[] = [
|
||||
|
||||
.chat-avatar {
|
||||
width: 7.8rem;
|
||||
height: 7.4rem;
|
||||
height: 7.8rem;
|
||||
border-radius: 50%;
|
||||
margin-right: 1.88rem;
|
||||
border: .2rem solid #000;
|
||||
padding: 1.4rem;
|
||||
overflow: hidden;
|
||||
// border: 0.2rem solid #000;
|
||||
// padding: 1.4rem;
|
||||
|
||||
img {
|
||||
width: 4.9rem;
|
||||
height: 4.9rem;
|
||||
border-radius: 50%;
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
// border-radius: 50%;
|
||||
// object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user