mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-12 09:18:14 +08:00
🤔 test(user): 用户页草创,用于试验各种接口
This commit is contained in:
@@ -115,11 +115,11 @@
|
|||||||
</v-list-group>
|
</v-list-group>
|
||||||
<v-divider />
|
<v-divider />
|
||||||
<div class="bottom-menu">
|
<div class="bottom-menu">
|
||||||
<!-- <v-list-item :title="userInfo.nickname" value="user" link href="/user">
|
<v-list-item v-show="isDev" :title="userInfo.nickname" value="user" link href="/user">
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<img :src="userInfo.avatar" alt="userIcon" class="side-icon">
|
<img :src="userInfo.avatar" alt="userIcon" class="side-icon">
|
||||||
</template>
|
</template>
|
||||||
</v-list-item> -->
|
</v-list-item>
|
||||||
<v-list-item :title="themeTitle" value="theme" @click="switchTheme()">
|
<v-list-item :title="themeTitle" value="theme" @click="switchTheme()">
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<v-icon style="color:var(--sidebar-icon)">
|
<v-icon style="color:var(--sidebar-icon)">
|
||||||
@@ -147,7 +147,14 @@ import { useAppStore } from "../store/modules/app";
|
|||||||
|
|
||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
|
|
||||||
|
// 测试数据
|
||||||
|
const userInfo = {
|
||||||
|
nickname: "测试用户",
|
||||||
|
avatar: "/source/UI/defaultUser.webp",
|
||||||
|
};
|
||||||
|
|
||||||
const rail = ref(appStore.sidebar.collapse);
|
const rail = ref(appStore.sidebar.collapse);
|
||||||
|
const isDev = ref(appStore.devMode);
|
||||||
// theme
|
// theme
|
||||||
const themeGet = computed({
|
const themeGet = computed({
|
||||||
get () {
|
get () {
|
||||||
|
|||||||
6
src/pages/User.vue
Normal file
6
src/pages/User.vue
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<template>
|
||||||
|
<h1>用户页</h1>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
</script>
|
||||||
|
<style scoped></style>
|
||||||
@@ -2,12 +2,13 @@
|
|||||||
* @file router modules main.ts
|
* @file router modules main.ts
|
||||||
* @description 主路由模块
|
* @description 主路由模块
|
||||||
* @author BTMuli<bt-muli@outlook.com>
|
* @author BTMuli<bt-muli@outlook.com>
|
||||||
* @since Alpha v0.1.3
|
* @since Alpha v0.2.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// 信息展示
|
// 信息展示
|
||||||
import Announcements from "../../pages/Announcements.vue";
|
import Announcements from "../../pages/Announcements.vue";
|
||||||
import Home from "../../pages/Home.vue";
|
import Home from "../../pages/Home.vue";
|
||||||
|
import User from "../../pages/User.vue";
|
||||||
// 数据交互
|
// 数据交互
|
||||||
import Achievements from "../../pages/Achievements.vue";
|
import Achievements from "../../pages/Achievements.vue";
|
||||||
// 应用配置相关
|
// 应用配置相关
|
||||||
@@ -19,6 +20,11 @@ const mainRoutes = [
|
|||||||
name: "首页",
|
name: "首页",
|
||||||
component: Home,
|
component: Home,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: "/user",
|
||||||
|
name: "用户",
|
||||||
|
component: User,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: "/achievements",
|
path: "/achievements",
|
||||||
name: "成就",
|
name: "成就",
|
||||||
|
|||||||
Reference in New Issue
Block a user