feat(achievements): 新建成就页面

This commit is contained in:
BTMuli
2023-03-07 13:31:51 +08:00
parent 26336465b6
commit cfb321b31d
3 changed files with 34 additions and 10 deletions

View File

@@ -17,9 +17,9 @@
</v-list-item-action> </v-list-item-action>
</v-list-item> </v-list-item>
<!-- 菜单项 --> <!-- 菜单项 -->
<v-list-subheader> <v-list-subheader v-show="!rail">
<v-icon>mdi-bug-outline</v-icon> <v-icon>mdi-bug-outline</v-icon>
<span v-show="!rail"> 测试功能 </span> <span> 测试功能 </span>
</v-list-subheader> </v-list-subheader>
<v-list-item link href="/news"> <v-list-item link href="/news">
<template v-slot:prepend> <template v-slot:prepend>
@@ -27,9 +27,19 @@
</template> </template>
<v-list-item-title v-show="!rail"> 咨讯 </v-list-item-title> <v-list-item-title v-show="!rail"> 咨讯 </v-list-item-title>
</v-list-item> </v-list-item>
<v-list-subheader> <v-list-subheader v-show="!rail">
<v-icon>mdi-cog-outline</v-icon> <v-icon>mdi-cog-outline</v-icon>
<span v-show="!rail"> 开发功能 </span> <span> 开发功能 </span>
</v-list-subheader>
<v-list-item link href="/achievements">
<template v-slot:prepend>
<v-icon>mdi-trophy-outline</v-icon>
</template>
<v-list-item-title v-show="!rail"> 成就 </v-list-item-title>
</v-list-item>
<v-list-subheader v-show="!rail">
<v-icon>mdi-rocket-outline</v-icon>
<span> 预期功能 </span>
</v-list-subheader> </v-list-subheader>
<v-list-item link href="/config"> <v-list-item link href="/config">
<template v-slot:prepend> <template v-slot:prepend>
@@ -37,11 +47,6 @@
</template> </template>
<v-list-item-title v-show="!rail"> 设置 </v-list-item-title> <v-list-item-title v-show="!rail"> 设置 </v-list-item-title>
</v-list-item> </v-list-item>
<v-list-subheader>
<v-icon>mdi-rocket-outline</v-icon>
<span v-show="!rail"> 预期功能 </span>
</v-list-subheader>
</v-list> </v-list>
</v-navigation-drawer> </v-navigation-drawer>
</template> </template>
@@ -54,7 +59,7 @@ export default defineComponent({
name: "TSidebar", name: "TSidebar",
data() { data() {
return { return {
rail: true, rail: false,
router: useRouter(), router: useRouter(),
}; };
}, },

View File

@@ -0,0 +1,13 @@
<template>
<h1>成就</h1>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
name: "Achievements",
});
</script>
<style lang="css"></style>

View File

@@ -1,5 +1,6 @@
import Home from "../pages/Home.vue"; import Home from "../pages/Home.vue";
import News from "../pages/News.vue"; import News from "../pages/News.vue";
import Achievements from "../pages/Achievements.vue";
import Config from "../pages/Config.vue"; import Config from "../pages/Config.vue";
const routes = [ const routes = [
@@ -12,6 +13,11 @@ const routes = [
path: "/home", path: "/home",
redirect: "/", redirect: "/",
}, },
{
path: "/achievements",
name: "成就",
component: Achievements,
},
{ {
path: "/news", path: "/news",
name: "咨讯", name: "咨讯",