<script lang="ts" setup>
|
import { ref } from 'vue';
|
|
import { Page } from '@vben/common-ui';
|
|
import { Tabs } from 'ant-design-vue';
|
|
import ChatConversationList from './modules/conversation-list.vue';
|
import ChatMessageList from './modules/message-list.vue';
|
|
const activeTabName = ref('conversation');
|
</script>
|
|
<template>
|
<Page auto-content-height><Tabs v-model:active-key="activeTabName">
|
<Tabs.TabPane tab="对话列表" key="conversation">
|
<ChatConversationList />
|
</Tabs.TabPane>
|
<Tabs.TabPane tab="消息列表" key="message">
|
<ChatMessageList />
|
</Tabs.TabPane>
|
</Tabs>
|
</Page>
|
</template>
|
