| | |
| | | ref="scrollbar" |
| | | id="home" |
| | | class="chat-list" |
| | | style="width: 90%; overflow: auto; height: 70vh; margin: 0px auto;" |
| | | style="width: 90%; overflow: auto; height: 70vh; margin: 0px auto" |
| | | > |
| | | <div class="chat-item" v-for="sessionDetail in sessionDetailList"> |
| | | <a-comment |
| | |
| | | avatar="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp" |
| | | > |
| | | <template #content> |
| | | <div :class="{ light: theme === 'light' }" style="background-color: var(--color-bg-2);color: var(--color-text-3);border: none;padding: 16px;">{{ |
| | | sessionDetail.content |
| | | }}</div> |
| | | <div |
| | | :class="{ light: theme === 'light' }" |
| | | style=" |
| | | background-color: var(--color-bg-2); |
| | | color: var(--color-text-3); |
| | | border: none; |
| | | padding: 16px; |
| | | " |
| | | >{{ sessionDetail.content }}</div |
| | | > |
| | | </template> |
| | | </a-comment> |
| | | <a-comment |
| | |
| | | <template #content> |
| | | <a-card |
| | | class="chat-item-answer" |
| | | style="background-color: var(--color-bg-2);color: var(--color-text-3);border: none" |
| | | style=" |
| | | background-color: var(--color-bg-2); |
| | | color: var(--color-text-3); |
| | | border: none; |
| | | " |
| | | > |
| | | <div :class="{ light: theme === 'light' }">{{ |
| | | sessionDetail.content |
| | |
| | | auto-size |
| | | v-model="displayedText" |
| | | class="chat-item-answer" |
| | | style="background-color: var(--color-bg-2);color: var(--color-text-3);border: none" |
| | | style=" |
| | | background-color: var(--color-bg-2); |
| | | color: var(--color-text-3); |
| | | border: none; |
| | | " |
| | | > |
| | | </a-textarea> |
| | | </template> |