| | |
| | | </a-col> |
| | | <a-col :span="18"> |
| | | <a-card class="center"> |
| | | <div |
| | | <!-- <div |
| | | v-if="sessionDetailList.length === 0" |
| | | style=" |
| | | width: 90%; |
| | |
| | | </div> |
| | | </a-col> |
| | | </a-row> |
| | | </div> |
| | | </div> --> |
| | | <a-scrollbar |
| | | ref="scrollbar" |
| | | id="home" |
| | | v-else |
| | | class="chat-list" |
| | | style=" |
| | | width: 90%; |
| | |
| | | allow-clear |
| | | show-word-limit |
| | | :disabled="chatDis" |
| | | :class="{ textItemAnswer: theme === 'dark' }" |
| | | :auto-size="{ |
| | | minRows: 12, |
| | | maxRows: 5, |
| | |
| | | IconTiktokColor, |
| | | } from '@arco-design/web-vue/es/icon'; |
| | | import { useAppStore, useUserStore } from '@/store'; |
| | | import { computed, nextTick, onMounted, reactive, ref } from 'vue'; |
| | | import { computed, nextTick, onMounted, watch, reactive, ref } from 'vue'; |
| | | |
| | | import { Message } from '@arco-design/web-vue'; |
| | | import { EventSourceParserStream } from 'eventsource-parser/stream'; |
| | |
| | | onMounted(() => { |
| | | DialogList(); |
| | | }); |
| | | |
| | | const appStore = useAppStore(); |
| | | const theme = computed(() => { |
| | | return appStore.theme; |
| | | }); |
| | | |
| | | //文字动态输出 |
| | | const startDisplayStr = () => { |
| | | if (timer) { |
| | |
| | | border-radius: 14px; |
| | | } |
| | | } |
| | | .textItemAnswer { |
| | | background-color: #373739; |
| | | } |
| | | |
| | | .center { |
| | | position: relative; |