|
@@ -1,18 +1,40 @@
|
1
|
1
|
<template>
|
2
|
2
|
<div class="navbar">
|
3
|
|
- <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
|
3
|
+ <hamburger
|
|
4
|
+ :is-active="sidebar.opened"
|
|
5
|
+ class="hamburger-container"
|
|
6
|
+ @toggleClick="toggleSideBar"
|
|
7
|
+ />
|
4
|
8
|
|
5
|
9
|
<breadcrumb class="breadcrumb-container" />
|
6
|
10
|
|
7
|
11
|
<div class="right-menu">
|
8
|
12
|
<el-dropdown class="avatar-container" trigger="click">
|
9
|
13
|
<div class="avatar-wrapper">
|
|
14
|
+<<<<<<< HEAD
|
10
|
15
|
<img src="../../icons/logo.jpg" class="user-avatar">
|
11
|
16
|
<i class="el-icon-caret-bottom" />
|
12
|
17
|
</div>
|
13
|
18
|
<el-dropdown-menu slot="dropdown">
|
14
|
19
|
<el-dropdown-item @click.native="logout">
|
15
|
20
|
<span>安全退出</span>
|
|
21
|
+=======
|
|
22
|
+ <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar" />
|
|
23
|
+ <i class="el-icon-caret-bottom" />
|
|
24
|
+ </div>
|
|
25
|
+ <el-dropdown-menu slot="dropdown" class="user-dropdown">
|
|
26
|
+ <router-link to="/">
|
|
27
|
+ <el-dropdown-item>Home</el-dropdown-item>
|
|
28
|
+ </router-link>
|
|
29
|
+ <a target="_blank" href="https://github.com/PanJiaChen/vue-admin-template/">
|
|
30
|
+ <el-dropdown-item>Github</el-dropdown-item>
|
|
31
|
+ </a>
|
|
32
|
+ <a target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/#/">
|
|
33
|
+ <el-dropdown-item>Docs</el-dropdown-item>
|
|
34
|
+ </a>
|
|
35
|
+ <el-dropdown-item divided @click.native="logout">
|
|
36
|
+ <span style="display:block;">Log Out</span>
|
|
37
|
+>>>>>>> 6631f595310cb3fe0ac452d947697c17413808d2
|
16
|
38
|
</el-dropdown-item>
|
17
|
39
|
</el-dropdown-menu>
|
18
|
40
|
</el-dropdown>
|
|
@@ -31,10 +53,7 @@ export default {
|
31
|
53
|
Hamburger
|
32
|
54
|
},
|
33
|
55
|
computed: {
|
34
|
|
- ...mapGetters([
|
35
|
|
- 'sidebar',
|
36
|
|
- 'avatar'
|
37
|
|
- ])
|
|
56
|
+ ...mapGetters(['sidebar', 'avatar'])
|
38
|
57
|
},
|
39
|
58
|
methods: {
|
40
|
59
|
toggleSideBar() {
|
|
@@ -54,18 +73,18 @@ export default {
|
54
|
73
|
overflow: hidden;
|
55
|
74
|
position: relative;
|
56
|
75
|
background: #fff;
|
57
|
|
- box-shadow: 0 1px 4px rgba(0,21,41,.08);
|
|
76
|
+ box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
58
|
77
|
|
59
|
78
|
.hamburger-container {
|
60
|
79
|
line-height: 46px;
|
61
|
80
|
height: 100%;
|
62
|
81
|
float: left;
|
63
|
82
|
cursor: pointer;
|
64
|
|
- transition: background .3s;
|
65
|
|
- -webkit-tap-highlight-color:transparent;
|
|
83
|
+ transition: background 0.3s;
|
|
84
|
+ -webkit-tap-highlight-color: transparent;
|
66
|
85
|
|
67
|
86
|
&:hover {
|
68
|
|
- background: rgba(0, 0, 0, .025)
|
|
87
|
+ background: rgba(0, 0, 0, 0.025);
|
69
|
88
|
}
|
70
|
89
|
}
|
71
|
90
|
|
|
@@ -92,10 +111,10 @@ export default {
|
92
|
111
|
|
93
|
112
|
&.hover-effect {
|
94
|
113
|
cursor: pointer;
|
95
|
|
- transition: background .3s;
|
|
114
|
+ transition: background 0.3s;
|
96
|
115
|
|
97
|
116
|
&:hover {
|
98
|
|
- background: rgba(0, 0, 0, .025)
|
|
117
|
+ background: rgba(0, 0, 0, 0.025);
|
99
|
118
|
}
|
100
|
119
|
}
|
101
|
120
|
}
|