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-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(),
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|||||||
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 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: "咨讯",
|
||||||
|
|||||||
Reference in New Issue
Block a user