个人中心路由

TEAMModelOS/ClientApp/src/common/BaseUserPoptip.vue

@@ -17,7 +17,7 @@
             <Dropdown placement="bottom-end">
                 <PersonalPhoto style="cursor: pointer;" :name="userInfo.username" :picture="user.picture" :color="userInfo.nameColor" />
                 <DropdownMenu slot="list" class="user-center-wrap">
-                    <DropdownItem class="user-info-wrap">
+                    <DropdownItem class="user-info-wrap" @click.native="toUserCenter()">
                         <p>{{userInfo.username}}</p>
                         <p class="user-id">{{`ID: ${user.id}`}}</p>
                         <Icon class="user-info-arrow" type="ios-arrow-forward" color="#1cc0f3" />
@@ -138,6 +138,12 @@ export default {
                 path: '/home/settings',
                 query: { tab }
             })
+        },
+		// 这里可以携带参数，直接跳转到对应的tab
+        toUserCenter() {
+            this.$router.push({
+                name: 'userCenter'
+            })
         },
         doRefresh() {
             this.user = JSON.parse(decodeURIComponent(localStorage.userInfo, "utf-8"));

TEAMModelOS/ClientApp/src/router/routes.js

@@ -660,6 +660,15 @@ export const routes = [
 				activeName: 'settings'
 			}
 		},
+		//设置
+		{
+			path: 'userCenter',
+			name: 'userCenter',
+			component: resolve => require(['@/view/user/UserCenter.vue'], resolve),
+			meta: {
+				
+			}
+		},
 		//课堂记录
 		{
 			path: 'classRecord',

TEAMModelOS/ClientApp/src/view/Home.vue

@@ -6,7 +6,7 @@
             <div class="header-right-box fl-around" slot="header-content">
                 <Icon style="display:block" custom="iconfont icon-home" :color="routerName == 'homePage' ? '#1CC0F3':'#d0d0d0'" @click="toHome" />
                 <BaseNotification :msgs="msgs"></BaseNotification>
-                <span class="header-split">|</span>
+                <span class="header-split"></span>
                 <!-- <Icon type="ios-settings" :color="routerName == 'settings' ? '#1CC0F3':'#d0d0d0'" @click="toSettings" /> -->
                 <!-- 问题答疑页面暂未开发 暂时注释 -->
                 <!-- <Icon type="md-help-circle" :color="routerName == 'feedback' ? '#1CC0F3':'#d0d0d0'" @click="toFeedback"/> -->

TEAMModelOS/ClientApp/src/view/user/UserCenter.vue

@@ -0,0 +1,20 @@
+<template>
+    <div class="user-center-container">
+        <h1 style="color:white;text-align:center;margin-top:120px;color:#AAA">账号信息</h1>
+    </div>
+</template>
+<script>
+export default {
+    data(){
+        return{
+
+        }
+    }
+}
+</script>
+<style lang="less" scoped>
+
+</style>
+<style lang="less">
+
+</style>