QingdaoU/OnlineJudge
1
0
Fork 0
mirror of https://github.com/QingdaoU/OnlineJudge.git synced 2024-09-21 00:13:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

左侧导航动态生成

Browse Source
This commit is contained in:
LiYang 2016-08-14 16:24:21 +08:00
parent 44456363fb
commit a9099b80a4
1 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/admin/src/components/utils/leftNav.vue
View File

@ -1,13 +1,12 @@
<template>
<div id="left-nav">
<ul class="list-group">
<li class="list-group-header">name</li>
<li class="list-group-item" v-link-active>
<a v-link="{path: '/user'}">{{ $t("nav.userManagement") }}</a>
</li>
<li class="list-group-item" v-link-active>
<a v-link="{path: '/announcement'}">{{ $t("nav.announcementManagement") }}</a>
</li>
<template v-for="item in adminNav">
<li class="list-group-header">{{ $t(item.groupName) }}</li>
<li class="list-group-item" v-link-active v-for="child in item.children">
<a v-link="{path: child.link}">{{ $t(child.name) }}</a>
</li>
</template>
</ul>
</div>
</template>
@ -15,7 +14,21 @@
export default {
data() {
return {
adminNav: [{}, {}]
adminNav: [
{
groupName: "nav.general",
children: [
{name: "nav.userManagement", link: "/user/1"},
{name: "nav.announcementManagement", link: "/announcement/1"}
]
},
{
groupName: "nav.problemManagement",
children: [
{name: "nav.createProblem", link: "/problem/create"},
{name: "problem.problemList", link: "/problem/1"}]
}
]
}
}
}