更新容器获取
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