mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-13 09:28:14 +08:00
fix(sidebar): 侧边栏添加 News,暂且就这些吧
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
<!-- 侧边栏 -->
|
||||
<t-sidebar />
|
||||
<!-- 内容区 -->
|
||||
<a-layout-content class="container">
|
||||
<a-layout-content>
|
||||
<!-- 路由组件 -->
|
||||
<router-view></router-view>
|
||||
</a-layout-content>
|
||||
@@ -22,4 +22,4 @@ export default defineComponent({
|
||||
});
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="css"></style>
|
||||
|
||||
@@ -8,11 +8,15 @@
|
||||
>
|
||||
<a-menu-item key="home">
|
||||
<HomeOutlined />
|
||||
<span>Home</span>
|
||||
<span>首页</span>
|
||||
</a-menu-item>
|
||||
<a-menu-item key="news">
|
||||
<ScheduleOutlined />
|
||||
<span>咨讯</span>
|
||||
</a-menu-item>
|
||||
<a-menu-item key="config">
|
||||
<SettingOutlined />
|
||||
<span>Config</span>
|
||||
<span>设置</span>
|
||||
</a-menu-item>
|
||||
</a-menu>
|
||||
</a-layout-sider>
|
||||
@@ -20,13 +24,14 @@
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent } from "vue";
|
||||
import { HomeOutlined, SettingOutlined } from "@ant-design/icons-vue";
|
||||
import { HomeOutlined, ScheduleOutlined, SettingOutlined } from "@ant-design/icons-vue";
|
||||
import { useRouter } from "vue-router";
|
||||
|
||||
export default defineComponent({
|
||||
name: "TSidebar",
|
||||
components: {
|
||||
HomeOutlined,
|
||||
ScheduleOutlined,
|
||||
SettingOutlined,
|
||||
},
|
||||
data() {
|
||||
|
||||
13
src/pages/News.vue
Normal file
13
src/pages/News.vue
Normal file
@@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<h1>咨讯</h1>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent } from "vue";
|
||||
|
||||
export default defineComponent({
|
||||
name: "News",
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="css"></style>
|
||||
@@ -1,19 +1,25 @@
|
||||
import Home from "../pages/Home.vue";
|
||||
import News from "../pages/News.vue";
|
||||
import Config from "../pages/Config.vue";
|
||||
|
||||
const routes = [
|
||||
{
|
||||
path: "/",
|
||||
name: "Home",
|
||||
name: "首页",
|
||||
component: Home,
|
||||
},
|
||||
{
|
||||
path: "/home",
|
||||
redirect: "/",
|
||||
},
|
||||
{
|
||||
path: "/news",
|
||||
name: "咨讯",
|
||||
component: News,
|
||||
},
|
||||
{
|
||||
path: "/config",
|
||||
name: "Config",
|
||||
name: "设置",
|
||||
component: Config,
|
||||
},
|
||||
];
|
||||
|
||||
Reference in New Issue
Block a user