layout.vue
3.55 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<template xmlns:v-on="http://www.w3.org/1999/xhtml">
<div id="dk-app" class="dk-app-wrapper">
<!-- 顶部导航 -->
<nav class="navbar navbar-inverse dk-navbar">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#dk-navbar-collapse"
aria-expanded="false">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- 样式一 -->
<!--<a class="navbar-brand navbar-brand-img" href="#">
<img class="dk-brand-img-lg" src="images/logo-lg.png">
<img class="dk-brand-img-sm" class="" src="images/logo-sm.png">
</a>-->
<!-- 样式二 -->
<a class="navbar-brand" href="#">
<img src="../assets/images/houtai-logo.png">
<span>辞海管理后台</span>
</a>
</div>
<div class="collapse navbar-collapse" id="dk-navbar-collapse">
<!-- 顶部其他导航 -->
<ul class="nav navbar-nav navbar-right">
<li class="hidden-xs">
<a id="js-full-screen" href="javascript:;">
<span class="ion ion-arrow-expand"></span>
</a>
</li>
<li class="dropdown dk-user-control">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">
<img class="dk-avatar" src="../assets/images/avatar.png">
<span>管理员</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<router-link to='/index/account/change-password'><span class="ion ion-compose"></span><span>修改密码</span>
</router-link>
</li>
<li><a class="" v-on:click.prevent="logout" href="#"><span class="ion ion-log-out"></span>退出</a></li>
</ul>
</li>
</ul>
</div>
</nav><!-- 顶部导航 结束 -->
<!-- 侧边导航 -->
<aside class="dk-main-aside">
<a id="js-toggle-aside-nav" class="dk-nav-shrink-btn" href="javascript:;"><span
class="ion ion-navicon-round"></span></a>
<nav class="dk-nav-aside scroll-bar">
<ul id="js-aside-collapse">
<li>
<a href="#"><span class="ion ion-ios-home"></span><span>词条管理</span></a>
</li>
<li>
<a href="#"><span class="ion ion-ios-home"></span><span>主题管理</span></a>
</li>
</ul>
</nav>
</aside><!-- 侧边导航 结束 -->
<!-- 主内容 -->
<div class="dk-main-container">
<transition
enter-active-class="animated fadeIn"
leave-active-class="animated fadeOut">
<router-view></router-view>
</transition>
</div>
</div>
</template>
<script>
export default {
created: function () {
var self = this;
},
mounted: function () {
commonApp.init();
},
methods: {
logout: function () {
window.sessionStorage.clear();
this.$router.push('/passport/login');
},
isEmptyObject: function (obj) {
for (var key in obj) {
return false;
}
return true;
},
},
computed: {
user(){
}
}
}
</script>
<style>
.dk-app-wrapper {
height: 100%;
}
.dk-main-container > .animated {
position: absolute;
left: 10px;
right: 10px;
}
</style>