sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: e590ff6a8c38262d7b96e78bbbb67eb3f0056745
Former-commit-id: 229cf313a34c7317c6054d667ab681984c9ab923
Former-commit-id: 48f7759235eae7708134fa75093f812f90853ee8
This commit is contained in:
liyang
2018-06-11 11:17:52 +08:00
parent 18558aff86
commit 8503000135
1 changed files with 30 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/assets/style/theme/star/index.scss
View File

@@ -14,7 +14,8 @@ $theme-menu-item-color-hover: #FFF;
$theme-menu-item-background-color-hover: #187181; $theme-menu-item-background-color-hover: #187181;
// 顶栏上的文字颜色 // 顶栏上的文字颜色
$theme-header-text-color: #FFF; $theme-header-item-color: #FFF;
$theme-header-item-background-color: transparent;
// 顶栏上的项目在 hover 时 // 顶栏上的项目在 hover 时
$theme-header-item-color-hover: #FFF; $theme-header-item-color-hover: #FFF;
$theme-header-item-background-color-hover: rgba(#FFF, .3); $theme-header-item-background-color-hover: rgba(#FFF, .3);
@@ -26,7 +27,8 @@ $theme-header-item-color-active: #FFF;
$theme-header-item-background-color-active: rgba(#000, .3); $theme-header-item-background-color-active: rgba(#000, .3);
// 侧边栏上的文字颜色 // 侧边栏上的文字颜色
$theme-aside-text-color: #FFF; $theme-aside-item-color: #FFF;
$theme-aside-item-background-color: transparent;
// 侧边栏上的项目在 hover 时 // 侧边栏上的项目在 hover 时
$theme-aside-item-color-hover: #FFF; $theme-aside-item-color-hover: #FFF;
$theme-aside-item-background-color-hover: rgba(#FFF, .3); $theme-aside-item-background-color-hover: rgba(#FFF, .3);
@@ -84,9 +86,10 @@ $theme-aside-item-background-color-active: rgba(#000, .3);
// 切换按钮 // 切换按钮
.toggle-aside-btn { .toggle-aside-btn {
i { i {
color: $theme-header-text-color; color: $theme-header-item-color;
background-color: $theme-header-item-background-color;
&:hover { &:hover {
color: $theme-header-text-color; color: $theme-header-item-color-hover;
} }
} }
} }
@@ -94,28 +97,35 @@ $theme-aside-item-background-color-active: rgba(#000, .3);
.el-menu { .el-menu {
.el-menu-item { .el-menu-item {
transition: border-top-color 0s; transition: border-top-color 0s;
color: $theme-header-text-color; color: $theme-header-item-color;
background-color: $theme-header-item-background-color;
&:hover { &:hover {
color: $theme-header-item-color-hover;
background-color: $theme-header-item-background-color-hover; background-color: $theme-header-item-background-color-hover;
} }
&:focus { &:focus {
color: $theme-header-item-color-focus;
background-color: $theme-header-item-background-color-focus; background-color: $theme-header-item-background-color-focus;
} }
&.is-active { &.is-active {
color: $theme-header-item-color-active;
background-color: $theme-header-item-background-color-active; background-color: $theme-header-item-background-color-active;
} }
} }
.el-submenu { .el-submenu {
.el-submenu__title { .el-submenu__title {
transition: border-top-color 0s; transition: border-top-color 0s;
color: $theme-header-text-color; color: $theme-header-item-color;
background-color: $theme-header-item-background-color;
.el-submenu__icon-arrow { .el-submenu__icon-arrow {
color: $theme-header-text-color; color: $theme-header-item-color;
} }
&:hover { &:hover {
color: $theme-header-item-color-hover;
background-color: $theme-header-item-background-color-hover; background-color: $theme-header-item-background-color-hover;
} }
&:focus { &:focus {
color: $theme-header-item-color-focus;
background-color: $theme-header-item-background-color-focus; background-color: $theme-header-item-background-color-focus;
} }
} }
@@ -124,9 +134,10 @@ $theme-aside-item-background-color-active: rgba(#000, .3);
// 顶栏右侧 // 顶栏右侧
.d2-header-right { .d2-header-right {
.btn-text { .btn-text {
color: $theme-header-text-color; color: $theme-header-item-color;
&.can-hover { &.can-hover {
&:hover { &:hover {
color: $theme-header-item-color-hover;
background-color: $theme-header-item-background-color-hover; background-color: $theme-header-item-background-color-hover;
} }
} }
@@ -140,31 +151,37 @@ $theme-aside-item-background-color-active: rgba(#000, .3);
// [菜单] 正常状态 // [菜单] 正常状态
.el-menu { .el-menu {
.el-menu-item { .el-menu-item {
color: $theme-aside-text-color; color: $theme-aside-item-color;
background-color: $theme-aside-item-background-color;
i { i {
color: $theme-aside-text-color; color: $theme-aside-item-color;
} }
&:hover { &:hover {
color: $theme-aside-item-color-hover;
background-color: $theme-aside-item-background-color-hover; background-color: $theme-aside-item-background-color-hover;
} }
&:focus { &:focus {
color: $theme-aside-item-color-focus;
background-color: $theme-aside-item-background-color-focus; background-color: $theme-aside-item-background-color-focus;
} }
&.is-active { &.is-active {
color: $theme-aside-item-color-active;
background-color: $theme-aside-item-background-color-active; background-color: $theme-aside-item-background-color-active;
} }
} }
} }
.el-submenu { .el-submenu {
.el-submenu__title { .el-submenu__title {
color: $theme-aside-text-color; color: $theme-aside-item-color;
background-color: $theme-aside-item-background-color;
i { i {
color: $theme-aside-text-color; color: $theme-aside-item-color;
} }
.el-submenu__icon-arrow { .el-submenu__icon-arrow {
color: $theme-aside-text-color; color: $theme-aside-item-color;
} }
&:hover { &:hover {
color: $theme-aside-item-color-hover;
background-color: $theme-aside-item-background-color-hover; background-color: $theme-aside-item-background-color-hover;
} }
} }