init

src/components/MyHead.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="head">学习进度跟踪系统
+  <el-button v-if="!isLoginRoute">退出登录</el-button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {computed} from "vue";
+import {useRoute} from "vue-router";
+
+var route = useRoute();
+
+const isLoginRoute = computed(()=>route.path === '/login');
+</script>
+
+<style scoped>
+.head {
+  font-size: 30px;
+  text-align: center;
+  background: green;
+  min-height: 7vh;
+}
+</style>