schoolNews/schoolNewsWeb/src/views/admin/manage/study/StudyManagementView.vue

<template>
  <AdminLayout title="学习管理" subtitle="学习记录管理">
      <div class="study-management">
      <h1 class="page-title">学习管理</h1>

      <el-tabs v-model="activeTab">

        <el-tab-pane label="学习记录" name="task-records">
        </el-tab-pane>
      </el-tabs>
    </div>
  </AdminLayout>

</template>

<script setup lang="ts">
import { ref } from 'vue';
import { ElTabs, ElTabPane } from 'element-plus';
import { AdminLayout } from '@/views/admin';
defineOptions({
  name: 'StudyManagementView'
});
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>