🤔 test(user): 用户页草创,用于试验各种接口

This commit is contained in:
BTMuli
2023-05-04 21:12:05 +08:00
parent baff5a17c6
commit bc118a11c0
3 changed files with 22 additions and 3 deletions

View File

@@ -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
View File

@@ -0,0 +1,6 @@
<template>
<h1>用户页</h1>
</template>
<script setup lang="ts">
</script>
<style scoped></style>

View File

@@ -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: "成就",