no message

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

View File

@@ -1 +1,8 @@
// element 样式补丁 // element 样式补丁
.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);
}
}

View File

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

View File

@@ -1,4 +1,4 @@
@import '../theme-base.scss'; @import '../theme.scss';
$theme-name: 'star'; $theme-name: 'star';
$theme-bg-color: #EFF4F8; $theme-bg-color: #EFF4F8;
@@ -8,6 +8,7 @@ $theme-container-full-border-color: #d8dfea;
.theme-#{$theme-name} { .theme-#{$theme-name} {
background-color: $theme-bg-color; background-color: $theme-bg-color;
background-image: url($theme-bg-image); background-image: url($theme-bg-image);
// [组件] dd-container-full
.dd-container-full { .dd-container-full {
.dd-container-full__header { .dd-container-full__header {
border-bottom: 1px solid $theme-container-full-border-color; 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; 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;
}
}
}
}
} }

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;
}
}
}

View File

@@ -1,5 +1,7 @@
@import '~@/assets/style/public.scss'; @import '~@/assets/style/public.scss';
@import './theme-dd-container-full.scss';
$theme-color: #EFF4F8; $theme-color: #EFF4F8;
// 主题公用 // 主题公用
@@ -8,47 +10,6 @@ $theme-color: #EFF4F8;
width: 100vw; width: 100vw;
background-size: cover; background-size: cover;
background-position: center; 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 { .el-header {
padding: 0px; padding: 0px;
@@ -62,7 +23,7 @@ $theme-color: #EFF4F8;
} }
} }
// 折叠侧边栏切换按钮 // 折叠侧边栏切换按钮
.toggle-sidemenu-btn { .toggle-aside-btn {
float: left; float: left;
height: 60px; height: 60px;
width: 60px; width: 60px;
@@ -73,11 +34,7 @@ $theme-color: #EFF4F8;
cursor: pointer; cursor: pointer;
i { i {
font-size: 20px; font-size: 20px;
color: $color-text-normal;
margin-top: 4px; margin-top: 4px;
&:hover {
color: $color-primary;
}
} }
} }
// [菜单] 顶栏 // [菜单] 顶栏
@@ -88,12 +45,9 @@ $theme-color: #EFF4F8;
.el-menu-item { .el-menu-item {
border-bottom: none; border-bottom: none;
border-top: 2px solid transparent; border-top: 2px solid transparent;
&:hover {
background-color: transparent;
}
&.is-active { &.is-active {
border-bottom: none; border-bottom: none;
border-top: 2px solid $color-primary; border-top-color: $color-primary;
background-color: transparent; background-color: transparent;
} }
} }

View File

@@ -6,7 +6,7 @@
<img v-if="collapse" src="@/assets/image/logo/header-icon-only.png"> <img v-if="collapse" src="@/assets/image/logo/header-icon-only.png">
<img v-else src="@/assets/image/logo/header.png"> <img v-else src="@/assets/image/logo/header.png">
</div> </div>
<div class="toggle-sidemenu-btn" @click="collapse = !collapse"> <div class="toggle-aside-btn" @click="collapse = !collapse">
<Icon name="bars"/> <Icon name="bars"/>
</div> </div>
<HeaderMenu/> <HeaderMenu/>
@@ -50,5 +50,5 @@ export default {
<style lang="scss"> <style lang="scss">
// 主题 // 主题
@import '~@/assets/style/theme/classic/index.scss'; @import '~@/assets/style/theme/star/index.scss';
</style> </style>