|
|
@@ -5,6 +5,8 @@ |
|
|
|
} |
|
|
|
body { |
|
|
|
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; |
|
|
|
// font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; |
|
|
|
// font-family: Avenir,Helvetica Neue,Arial,Helvetica,sans-serif; |
|
|
|
font-size: $--font-size-base; |
|
|
|
line-height: $base--line-height; |
|
|
|
color: $--color-text-primary; |
|
|
@@ -15,8 +17,8 @@ a { |
|
|
|
text-decoration: none; |
|
|
|
&:focus, |
|
|
|
&:hover { |
|
|
|
color: $--color-primary; |
|
|
|
text-decoration: underline; |
|
|
|
color: #fff; |
|
|
|
// text-decoration: underline; |
|
|
|
} |
|
|
|
} |
|
|
|
img { |
|
|
@@ -217,6 +219,17 @@ img { |
|
|
|
&__brand { |
|
|
|
&-lg { |
|
|
|
display: none; |
|
|
|
// margin: 0; |
|
|
|
// color: #fff; |
|
|
|
// width: 189px; |
|
|
|
// overflow: hidden; |
|
|
|
// text-overflow: ellipsis; |
|
|
|
// white-space: nowrap; |
|
|
|
// font-weight: 500; |
|
|
|
// line-height: 50px; |
|
|
|
// font-size: 14px; |
|
|
|
// font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif; |
|
|
|
// vertical-align: middle; |
|
|
|
} |
|
|
|
&-mini { |
|
|
|
display: inline-block; |
|
|
@@ -268,7 +281,9 @@ img { |
|
|
|
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); |
|
|
|
&--colorful { |
|
|
|
.aui-navbar__body { |
|
|
|
// navbar body颜色 |
|
|
|
background-color: transparent; |
|
|
|
// background-color: #304156; |
|
|
|
} |
|
|
|
.aui-navbar__menu { |
|
|
|
> .el-menu-item, |
|
|
@@ -278,6 +293,7 @@ img { |
|
|
|
&:hover { |
|
|
|
color: #fff; |
|
|
|
background-color: mix(#000, $--color-primary, 15%); |
|
|
|
// background-color: #001528; |
|
|
|
} |
|
|
|
} |
|
|
|
> .el-menu-item.is-active, |
|
|
@@ -285,7 +301,7 @@ img { |
|
|
|
color: #fff; |
|
|
|
&:focus, |
|
|
|
&:hover { |
|
|
|
color: #fff; |
|
|
|
color: #263445; |
|
|
|
} |
|
|
|
} |
|
|
|
.el-menu-item i, |
|
|
@@ -332,7 +348,16 @@ img { |
|
|
|
color: #fff; |
|
|
|
overflow: hidden; |
|
|
|
transition: width .3s; |
|
|
|
&-lg, |
|
|
|
&-lg { |
|
|
|
width: 238px; |
|
|
|
height: 100%; |
|
|
|
font-size: 18px; |
|
|
|
font-family: PingFangSC-Medium, PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: #FFFFFF; |
|
|
|
line-height: 20px; |
|
|
|
margin-top: 7px; |
|
|
|
} |
|
|
|
&-mini { |
|
|
|
max-width: 100%; |
|
|
|
color: #fff; |
|
|
@@ -392,9 +417,10 @@ img { |
|
|
|
* { |
|
|
|
vertical-align: initial; |
|
|
|
} |
|
|
|
// |
|
|
|
.aui-navbar__icon-menu { |
|
|
|
vertical-align: middle; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 22px; |
|
|
|
} |
|
|
|
.el-dropdown { |
|
|
|
color: $--color-text-secondary; |
|
|
@@ -463,7 +489,8 @@ img { |
|
|
|
bottom: 0; |
|
|
|
z-index: 1020; |
|
|
|
width: $sidebar--width; |
|
|
|
background-color: #fff; |
|
|
|
// background-color: #fff; |
|
|
|
background-color:#304156; |
|
|
|
box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05); |
|
|
|
overflow: hidden; |
|
|
|
transition: width .3s; |
|
|
@@ -471,23 +498,28 @@ img { |
|
|
|
background-color: $sidebar--background-color-dark; |
|
|
|
.aui-sidebar__menu, |
|
|
|
> .el-menu--popup { |
|
|
|
background-color: $sidebar--background-color-dark; |
|
|
|
// background-color: $sidebar--background-color-dark; |
|
|
|
background-color: #304156;; |
|
|
|
.el-menu-item, |
|
|
|
.el-submenu > .el-submenu__title { |
|
|
|
color: $sidebar--text-color-dark; |
|
|
|
// color: $sidebar--text-color-dark; |
|
|
|
color: #f4f4f5; |
|
|
|
&:focus, |
|
|
|
&:hover { |
|
|
|
color: mix(#fff, $sidebar--text-color-dark, 50%); |
|
|
|
background-color: mix(#fff, $sidebar--background-color-dark, 2.5%); |
|
|
|
// background-color: mix(#fff, $sidebar--background-color-dark, 2.5%); |
|
|
|
background-color:#0B253F; |
|
|
|
} |
|
|
|
} |
|
|
|
.el-menu, |
|
|
|
.el-submenu.is-opened { |
|
|
|
background-color: mix(#000, $sidebar--background-color-dark, 15%); |
|
|
|
// background-color: mix(#000, $sidebar--background-color-dark, 15%); |
|
|
|
background-color:#0B253F; |
|
|
|
} |
|
|
|
.el-menu-item.is-active, |
|
|
|
.el-submenu.is-active > .el-submenu__title { |
|
|
|
color: mix(#fff, $sidebar--text-color-dark, 80%); |
|
|
|
// color: mix(#fff, $sidebar--text-color-dark, 80%); |
|
|
|
color: #409EFF; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|