更新容器获取
This commit is contained in:
@@ -0,0 +1,39 @@
|
|||||||
|
<template>
|
||||||
|
<div class="web-page-container">
|
||||||
|
<MySchedule />
|
||||||
|
<Tabs v-model:activeKey="activeKey">
|
||||||
|
<TabPane key="1" tab="日程管理">
|
||||||
|
<Calendar />
|
||||||
|
</TabPane>
|
||||||
|
<TabPane key="2" tab="我的待办">
|
||||||
|
<ItemsInfo />
|
||||||
|
</TabPane>
|
||||||
|
<TabPane key="3" tab="文件管理">
|
||||||
|
<MyfileInfo />
|
||||||
|
</TabPane>
|
||||||
|
</Tabs>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup name="AboutPage">
|
||||||
|
import { h, ref, onMounted } from 'vue';
|
||||||
|
import { Tag, Tabs, TabPane } from 'ant-design-vue';
|
||||||
|
import MySchedule from './MySchedule.vue';
|
||||||
|
import Calendar from './calendar/list.vue';
|
||||||
|
import ItemsInfo from './listItem/list.vue';
|
||||||
|
import MyfileInfo from './myfiles/index.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;
|
||||||
|
padding: 0 2px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user