mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-14 09:38:13 +08:00
feat(achievements): 新建成就页面
This commit is contained in:
@@ -17,9 +17,9 @@
|
||||
</v-list-item-action>
|
||||
</v-list-item>
|
||||
<!-- 菜单项 -->
|
||||
<v-list-subheader>
|
||||
<v-list-subheader v-show="!rail">
|
||||
<v-icon>mdi-bug-outline</v-icon>
|
||||
<span v-show="!rail"> 测试功能 </span>
|
||||
<span> 测试功能 </span>
|
||||
</v-list-subheader>
|
||||
<v-list-item link href="/news">
|
||||
<template v-slot:prepend>
|
||||
@@ -27,9 +27,19 @@
|
||||
</template>
|
||||
<v-list-item-title v-show="!rail"> 咨讯 </v-list-item-title>
|
||||
</v-list-item>
|
||||
<v-list-subheader>
|
||||
<v-list-subheader v-show="!rail">
|
||||
<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-item link href="/config">
|
||||
<template v-slot:prepend>
|
||||
@@ -37,11 +47,6 @@
|
||||
</template>
|
||||
<v-list-item-title v-show="!rail"> 设置 </v-list-item-title>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-subheader>
|
||||
<v-icon>mdi-rocket-outline</v-icon>
|
||||
<span v-show="!rail"> 预期功能 </span>
|
||||
</v-list-subheader>
|
||||
</v-list>
|
||||
</v-navigation-drawer>
|
||||
</template>
|
||||
@@ -54,7 +59,7 @@ export default defineComponent({
|
||||
name: "TSidebar",
|
||||
data() {
|
||||
return {
|
||||
rail: true,
|
||||
rail: false,
|
||||
router: useRouter(),
|
||||
};
|
||||
},
|
||||
|
||||
13
src/pages/Achievements.vue
Normal file
13
src/pages/Achievements.vue
Normal 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>
|
||||
@@ -1,5 +1,6 @@
|
||||
import Home from "../pages/Home.vue";
|
||||
import News from "../pages/News.vue";
|
||||
import Achievements from "../pages/Achievements.vue";
|
||||
import Config from "../pages/Config.vue";
|
||||
|
||||
const routes = [
|
||||
@@ -12,6 +13,11 @@ const routes = [
|
||||
path: "/home",
|
||||
redirect: "/",
|
||||
},
|
||||
{
|
||||
path: "/achievements",
|
||||
name: "成就",
|
||||
component: Achievements,
|
||||
},
|
||||
{
|
||||
path: "/news",
|
||||
name: "咨讯",
|
||||
|
||||
Reference in New Issue
Block a user