35 lines
874 B
Vue
35 lines
874 B
Vue
<template>
|
|
<div class="web-page-container">
|
|
<Tabs v-model:activeKey="activeKey">
|
|
<TabPane key="1" tab="发件箱">
|
|
<MailSent />
|
|
</TabPane>
|
|
<TabPane key="2" tab="收件箱">
|
|
<MailReceived />
|
|
</TabPane>
|
|
<TabPane key="3" tab="附件箱">
|
|
<MailAttachments />
|
|
</TabPane>
|
|
</Tabs>
|
|
</div>
|
|
</template>
|
|
<script lang="ts" setup name="AboutPage">
|
|
import { h, ref } from 'vue';
|
|
import { Tag, Tabs ,TabPane } from 'ant-design-vue';
|
|
import MailSent from './sent/list.vue';
|
|
import MailReceived from './received/list.vue';
|
|
import MailAttachments from './attachments/list.vue';
|
|
|
|
const activeKey = ref('1');
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
// 整体容器样式
|
|
.web-page-container {
|
|
width: 100%;
|
|
background-color: #e8f4f8;
|
|
display: flex;
|
|
flex-direction: column; // 垂直布局
|
|
overflow: hidden; // 防止内容溢出
|
|
}
|
|
</style> |