🤔 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-divider />
<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>
<img :src="userInfo.avatar" alt="userIcon" class="side-icon">
</template>
</v-list-item> -->
</v-list-item>
<v-list-item :title="themeTitle" value="theme" @click="switchTheme()">
<template #prepend>
<v-icon style="color:var(--sidebar-icon)">
@@ -147,7 +147,14 @@ import { useAppStore } from "../store/modules/app";
const appStore = useAppStore();
// 测试数据
const userInfo = {
nickname: "测试用户",
avatar: "/source/UI/defaultUser.webp",
};
const rail = ref(appStore.sidebar.collapse);
const isDev = ref(appStore.devMode);
// theme
const themeGet = computed({
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
* @description 主路由模块
* @author BTMuli<bt-muli@outlook.com>
* @since Alpha v0.1.3
* @since Alpha v0.2.0
*/
// 信息展示
import Announcements from "../../pages/Announcements.vue";
import Home from "../../pages/Home.vue";
import User from "../../pages/User.vue";
// 数据交互
import Achievements from "../../pages/Achievements.vue";
// 应用配置相关
@@ -19,6 +20,11 @@ const mainRoutes = [
name: "首页",
component: Home,
},
{
path: "/user",
name: "用户",
component: User,
},
{
path: "/achievements",
name: "成就",