路由更新
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
<template>
|
||||
<div class="study-management">
|
||||
<h1 class="page-title">学习管理</h1>
|
||||
|
||||
<el-tabs v-model="activeTab">
|
||||
<el-tab-pane label="学习任务发布" name="task-publish">
|
||||
<TaskPublish />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="学习记录" name="task-records">
|
||||
<StudyRecords />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
import { ElTabs, ElTabPane } from 'element-plus';
|
||||
import TaskPublish from './components/TaskPublish.vue';
|
||||
import StudyRecords from './components/StudyRecords.vue';
|
||||
|
||||
const activeTab = ref('task-publish');
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.study-management {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
color: #141F38;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user