File tree Expand file tree Collapse file tree 8 files changed +36
-99
lines changed Expand file tree Collapse file tree 8 files changed +36
-99
lines changed Original file line number Diff line number Diff line change @@ -12,11 +12,5 @@ export default {
12
12
13
13
<style rel="stylesheet/less" type="text/css" lang="less">
14
14
@import " ./styles/common.less" ;
15
- html body {
16
- font-family : ' Avenir' , Helvetica , Arial , sans-serif ;
17
- -webkit-font-smoothing : antialiased ;
18
- -moz-osx-font-smoothing : grayscale ;
19
- color : #2c3e50 ;
20
- background : #fff ;
21
- }
15
+
22
16
</style >
Original file line number Diff line number Diff line change 1
1
/*
2
2
refer to http://stevesanderson.github.io/fixed-height-layouts-demo/two-columns.html
3
3
*/
4
-
5
- body {
6
- font-family : 'Helvetica Neue' , Arial, Sans-Serif;
4
+ html body {
5
+ font-family : 'Avenir' , Helvetica, Arial, sans-serif;
6
+ -webkit-font-smoothing : antialiased;
7
+ -moz-osx-font-smoothing : grayscale;
8
+ color : # 2c3e50 ;
9
+ background : # fff ;
7
10
}
8
11
9
12
.header , .footer {
@@ -22,10 +25,11 @@ body {
22
25
background : # ddd
23
26
}
24
27
25
- /*.right.col { border-left: 1px solid black ; }*/
28
+ /*.right.col { border-left: 1px solid #eee ; }*/
26
29
.right .col .body {
27
30
padding : 0 1em ;
28
- background : # fff
31
+ background : # fff ;
32
+ border-left : 1px solid # eee ;
29
33
}
30
34
31
35
.left .col .body {
Original file line number Diff line number Diff line change @@ -32,83 +32,9 @@ body {
32
32
background : # 495060 ;
33
33
}
34
34
35
- .listview {
36
- padding : 0 ;
37
- margin : 0 ;
38
- font-weight : bold;
39
- color : # 444 ;
40
- }
41
-
42
- .listview li {
43
- list-style-type : none;
44
- background : # eee ;
45
- padding : 1em ;
46
- border-top : 1px solid # aaa ;
47
- border-bottom : 1px solid # fff ;
48
- cursor : pointer;
49
- }
50
-
51
- .listview li .selected {
52
- background-color : # 37F ;
53
- color : White;
54
- }
55
-
56
- .listview .inset {
57
- margin : 1em 0 ;
58
- }
59
-
60
- .listview .inset li {
61
- background : white;
62
- border : 2px solid # aaa ;
63
- border-bottom-width : 0 ;
64
- }
65
-
66
- .listview .inset li : first-child {
67
- border-radius : 1em 1em 0em 0em
68
- }
69
-
70
- .listview .inset li : last-child {
71
- border-radius : 0em 0em 1em 1em ;
72
- border-bottom-width : 2px ;
73
- }
74
-
75
- .tiles {
76
- overflow-y : hidden;
77
- }
35
+ .el-menu-item .is-active {
36
+ color : # ffffff!important ;
37
+ background-color : # 409EFF!important ;
78
38
79
- .tiles > ul {
80
- width : 1175px ;
81
39
}
82
40
83
- .tiles ul {
84
- margin : 0 ;
85
- padding : 0 ;
86
- white-space : nowrap;
87
- }
88
-
89
- .tiles li {
90
- list-style-type : none;
91
- display : inline-block;
92
- background-color : # 080 ;
93
- width : 150px ;
94
- height : 150px ;
95
- padding : 1em ;
96
- color : White;
97
- margin : 5px ;
98
- font-weight : bold;
99
- zoom : 1 ;
100
- * display : inline;
101
- }
102
-
103
- button {
104
- display : block;
105
- border : 2px solid # aaa ;
106
- line-height : normal;
107
- background-color : White;
108
- border-radius : 8px ;
109
- margin : 8px 0 ;
110
- cursor : pointer;
111
- padding : 5px 20px ;
112
- font-weight : bold;
113
- color : # 333 ;
114
- }
Original file line number Diff line number Diff line change 1
1
<template >
2
- <span >
2
+ <span style = " z-index : 11 " >
3
3
<div class =" left col" :class =" { collapse: isCollapse }" >
4
- <div class =" header row " style =" text-align : center " :style =" {width: isCollapse?'65px ':'auto'}" >
4
+ <div class =" header row " style =" text-align : center " :style =" {width: isCollapse?'64px ':'auto'}" >
5
5
<a v-if =" !isCollapse" href =" https://github.com/TonyLuo/iview-vue-admin" style =" color : white ;size : 40px " >
6
6
<i class =" fa fa-github" ></i >
7
7
</a >
15
15
</div >
16
16
17
17
</div >
18
- <div class =" right col" :style =" {left: isCollapse?'65px ':'200px'}" >
18
+ <div class =" right col body " :style =" {left: isCollapse?'64px ':'200px'}" >
19
19
<ceiling ></ceiling >
20
20
<tabs class =" layout-tabs" ></tabs >
21
21
<breadcrumb class =" layout-breadcrumb" ></breadcrumb >
29
29
30
30
<style >
31
31
@import " ./layout/css/layout.css" ;
32
- @import " ../styles/chalk.theme.css" ;
32
+ @import " ../styles/dark.theme.css" ;
33
+ /* @import "../styles/chalk.theme.css";*/
33
34
34
35
.el-header {
35
36
background-color : #B3C0D1 ;
Original file line number Diff line number Diff line change 23
23
currentPath () {
24
24
return this .$store .state .layout .currentPath .slice ()
25
25
}
26
- },
26
+ }
27
27
28
28
}
29
29
</script >
Original file line number Diff line number Diff line change 30
30
width : 200px ;
31
31
}
32
32
.left .col .collapse {
33
- width : 65 px ;
33
+ width : 64 px ;
34
34
}
35
35
.left .col .collapse : hover {
36
36
width : 200px ;
Original file line number Diff line number Diff line change 1
1
<template >
2
- <span >
2
+ <span id = " sidebar " >
3
3
<el-menu
4
4
:default-active =" currentPageName"
5
5
:default-openeds =" openedMenuList"
6
6
class =" el-menu-vertical-demo disabled-animation"
7
7
@open =" handleOpen"
8
8
@close =" handleClose"
9
- :router =" true"
9
+ @select =" selectMenu"
10
+ text-color =" #C8C8C8"
11
+ active-text-color =" #2d8cf0"
12
+ background-color =" #464c5b"
13
+
10
14
:collapse =" isCollapse"
11
15
:class =" {'hide-sidebard-text': isCollapse}" >
12
16
<template v-for =" item in menuList " >
43
47
/* .hide-sidebard-text i.ivu-menu-submenu-title-icon {*/
44
48
/* display: none;*/
45
49
/* }*/
50
+
51
+
46
52
</style >
47
53
<script >
48
54
import { appRouter } from ' ../../router'
104
110
})
105
111
106
112
},
107
- changeMenu (menuName ) {
113
+ selectMenu (menuName ) {
108
114
console .log (menuName)
109
115
this .currentPageName = menuName
110
116
this .$router .push ({
Original file line number Diff line number Diff line change 1
1
<template >
2
2
<span >
3
-
4
3
<el-tag :closable =" index !== 0" :key =" item.name" v-for =" (item, index) in itemList"
5
4
:type =" item.name === currentPageName ? '' : 'info'"
6
5
@click.native =" onClick(item)"
9
8
</span >
10
9
</template >
11
10
<style >
11
+ .el-tag {
12
+ background-color : #ffffff !important ;
13
+
14
+ }
15
+ .el-tag--info {
16
+ background-color : #f8f8f9 !important ;
12
17
18
+ }
13
19
</style >
14
20
<script >
15
21
export default {
You can’t perform that action at this time.
0 commit comments