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

no message

Browse Source 
Former-commit-id: 92b430b7bc92e6207b77fa78e49825f6b8d0b26a
Former-commit-id: b47caa67a46dc037d37a94a0541642d81d7140ce
Former-commit-id: b7f3f72c8a966c4cc3ce7563c8bab27a68b325fe
This commit is contained in:
liyang
2018-06-04 15:13:29 +08:00
parent 91b03b1026
commit a28d8f246b
6 changed files with 75 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/style/theme/_bak.scss
View File

@@ -73,7 +73,7 @@ $border-color: #d8dfea;
}
}
// 折叠侧边栏切换按钮
.toggle-sidemenu-btn {
.toggle-aside-btn {
float: left;
height: 60px;
width: 60px;

24
src/assets/style/theme/classic/index.scss → src/assets/style/theme/star/index.scss
View File

@@ -1,4 +1,4 @@
@import '../theme-base.scss';
@import '../theme.scss';
$theme-name: 'star';
$theme-bg-color: #EFF4F8;
@@ -8,6 +8,7 @@ $theme-container-full-border-color: #d8dfea;
.theme-#{$theme-name} {
background-color: $theme-bg-color;
background-image: url($theme-bg-image);
// [组件] dd-container-full
.dd-container-full {
.dd-container-full__header {
border-bottom: 1px solid $theme-container-full-border-color;
@@ -16,4 +17,25 @@ $theme-container-full-border-color: #d8dfea;
border-top: 1px solid $theme-container-full-border-color;
}
}
.el-header {
.toggle-aside-btn {
i {
color: #FFF;
&:hover {
color: #FFF;
}
}
}
.el-menu {
.el-menu-item {
color: #FFF;
&:hover {
background-color: rgba(#000, 0.1);
}
&.is-active {
border-top-color: #FFF;
}
}
}
}
}

37
src/assets/style/theme/theme-dd-container-full.scss Normal file
View File

@@ -0,0 +1,37 @@
.theme {
.dd-container-full {
position: absolute;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: #FFF;
overflow: hidden;
color: #303133;
&:hover {
box-shadow: none;
}
.dd-container-full__header {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
padding: 18px 20px;
box-sizing: border-box;
}
.dd-container-full__body {
position: absolute;
padding: 20px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: auto;
}
.dd-container-full__footer {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 18px 20px;
box-sizing: border-box;
}
}
}

54
src/assets/style/theme/theme-base.scss → src/assets/style/theme/theme.scss
View File

@@ -1,5 +1,7 @@
@import '~@/assets/style/public.scss';
@import './theme-dd-container-full.scss';
$theme-color: #EFF4F8;
// 主题公用
@@ -8,47 +10,6 @@ $theme-color: #EFF4F8;
width: 100vw;
background-size: cover;
background-position: center;
.el-card {
box-shadow: none;
&:hover {
box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);
}
}
.dd-container-full {
position: absolute;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: #FFF;
overflow: hidden;
color: #303133;
&:hover {
box-shadow: none;
}
.dd-container-full__header {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
padding: 18px 20px;
box-sizing: border-box;
}
.dd-container-full__body {
position: absolute;
padding: 20px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: auto;
}
.dd-container-full__footer {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 18px 20px;
box-sizing: border-box;
}
}
// [布局] 顶栏
.el-header {
padding: 0px;
@@ -62,7 +23,7 @@ $theme-color: #EFF4F8;
}
}
// 折叠侧边栏切换按钮
.toggle-sidemenu-btn {
.toggle-aside-btn {
float: left;
height: 60px;
width: 60px;
@@ -73,11 +34,7 @@ $theme-color: #EFF4F8;
cursor: pointer;
i {
font-size: 20px;
color: $color-text-normal;
margin-top: 4px;
&:hover {
color: $color-primary;
}
}
}
// [菜单] 顶栏
@@ -88,12 +45,9 @@ $theme-color: #EFF4F8;
.el-menu-item {
border-bottom: none;
border-top: 2px solid transparent;
&:hover {
background-color: transparent;
}
&.is-active {
border-bottom: none;
border-top: 2px solid $color-primary;
border-top-color: $color-primary;
background-color: transparent;
}
}