<template> <!-- 培训管理 --> <div class="trainPage"> <div class="calendar"> <calendar></calendar> </div> </div> </template> <script> import { reactive, toRefs, onBeforeMount, onMounted } from 'vue'; import calendar from './components/fullCalenderOption.vue'; export default { name: 'trainPage', components: { calendar, }, setup() { const allData = reactive({}); onMounted(() => {}); onBeforeMount(() => {}); return { ...toRefs(allData), }; }, }; </script> <style lang="less"> .trainPage { position: relative; padding: 0 10px; .calendar { width: 98%; position: absolute; } } </style>