| | |
| | | </div> |
| | | |
| | | <!-- 输入区域 --> |
| | | <div |
| | | class="sticky bottom-0 w-full px-6 pt-12 pb-6 bg-[rgb(247,248,250)] flex justify-center" |
| | | v-if="!isSharePage " |
| | | > |
| | | <div class="sticky bottom-0 w-full px-6 pt-12 pb-6 bg-[rgb(247,248,250)] flex justify-center" v-if="!isSharePage"> |
| | | <slot name="input-area" /> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | <slot name="drawer" /> |
| | |
| | | |
| | | <script setup lang="ts"> |
| | | import { ref } from 'vue'; |
| | | import { useScrollToBottom } from '../hooks/useScrollToBottom'; |
| | | import { useScroll } from '../hooks/useScroll'; |
| | | |
| | | const props = defineProps<{ |
| | | loading?: boolean; |
| | |
| | | |
| | | const chatListDom = ref<HTMLDivElement>(); |
| | | |
| | | const { scrollToBottom, isBottom } = useScrollToBottom({ |
| | | const { scrollToBottom, isBottom } = useScroll({ |
| | | chatListDom, |
| | | }); |
| | | |
| | | defineExpose({ |
| | | chatListDom, |
| | | scrollToBottom, |
| | | }); |
| | | </script> |
| | | |