| | |
| | | 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' }">{{ |
| | | <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> |
| | |
| | | <template #content> |
| | | <a-card |
| | | class="chat-item-answer" |
| | | style="background-color: rgba(63, 64, 79, 1)" |
| | | 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: rgba(63, 64, 79, 1)" |
| | | style="background-color: var(--color-bg-2);color: var(--color-text-3);border: none" |
| | | > |
| | | </a-textarea> |
| | | </template> |
| | |
| | | width: 100%; |
| | | display: flex; |
| | | } |
| | | |
| | | //.light { |
| | | // color: white !important; |
| | | //} |
| | | .bottom { |
| | | width: 100%; |
| | | position: absolute; |
| | |
| | | line-height: 40px; |
| | | } |
| | | } |
| | | .chat-list { |
| | | width: 90%; |
| | | margin: 0px auto; |
| | | .chat-item { |
| | | margin-top: 20px; |
| | | .chat-item-answer { |
| | | color: white; |
| | | } |
| | | } |
| | | } |
| | | </style> |