feat: 首页

src/views/dashboard/console/index.vue

@@ -2,7 +2,11 @@
   <div class="flex items-center justify-center bg-gray-50">
     <div class="train_card grid auto-rows-[200px] grid-cols-[repeat(4,200px)] gap-4">
       <!-- 教员培训 -->
-      <div class="col-span-2 row-span-2 flex items-center justify-center rounded-2xl bg-green-500 text-xl font-bold text-white shadow-md"> 教员培训 </div>
+      <div class="col-span-2 row-span-2 flex items-center justify-center rounded-2xl bg-green-500 text-xl font-bold text-white shadow-md">
+        <div class="text-2xl font-extrabold">教员培训</div>
+        <div class="text-lg font-semibold">二级标题</div>
+        <el-button class="rounded-2xl" type="primary" size="large" @click="() => router.push('/')"> 开始学习课程 </el-button>
+      </div>
 
       <!-- 课程编辑 -->
       <div class="col-span-2 flex items-center justify-center rounded-2xl bg-purple-500 text-lg font-semibold text-white shadow-md"> 课程编辑 </div>
@@ -18,6 +22,8 @@
 
 <script setup lang="ts">
   defineOptions({ name: 'TrainConsole' })
+
+  const router = useRouter()
 </script>
 
 <style lang="scss" scoped></style>