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: f1da129af62daafbeecba3a8e8897b3ee21d8228
Former-commit-id: a91ec1952635c29e0ec1bee92c3fafba0abeb597
Former-commit-id: 5893dcefdbe8a770fac54118995009c80e28dfcb
This commit is contained in:
liyang
2018-06-11 11:19:31 +08:00
parent 8503000135
commit 250d69a847
3 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,51 +1,11 @@
@import '../theme.scss'; @import '../theme.scss';
@import './setting.scss';
// 主题名称
$theme-name: 'star';
// 主题背景颜色
$theme-bg-color: #EFF4F8;
// 主题背景图片
$theme-bg-image: '/static/image/bg/star.jpg';
// container组件的边框
$theme-container-border: 1px solid #d8dfea;
// 顶栏和侧边栏中展开的菜单 hover 状态下
$theme-menu-item-color-hover: #FFF;
$theme-menu-item-background-color-hover: #187181;
// 顶栏上的文字颜色
$theme-header-item-color: #FFF;
$theme-header-item-background-color: transparent;
// 顶栏上的项目在 hover 时
$theme-header-item-color-hover: #FFF;
$theme-header-item-background-color-hover: rgba(#FFF, .3);
// 顶栏上的项目在 focus 时
$theme-header-item-color-focus: #FFF;
$theme-header-item-background-color-focus: rgba(#FFF, .3);
// 顶栏上的项目在 active 时
$theme-header-item-color-active: #FFF;
$theme-header-item-background-color-active: rgba(#000, .3);
// 侧边栏上的文字颜色
$theme-aside-item-color: #FFF;
$theme-aside-item-background-color: transparent;
// 侧边栏上的项目在 hover 时
$theme-aside-item-color-hover: #FFF;
$theme-aside-item-background-color-hover: rgba(#FFF, .3);
// 侧边栏上的项目在 focus 时
$theme-aside-item-color-focus: #FFF;
$theme-aside-item-background-color-focus: rgba(#FFF, .3);
// 侧边栏上的项目在 active 时
$theme-aside-item-color-active: #FFF;
$theme-aside-item-background-color-active: rgba(#000, .3);
.theme-#{$theme-name} { .theme-#{$theme-name} {
.layout-main { .layout-main {
background-color: $theme-bg-color; background-color: $theme-bg-color;
background-image: url($theme-bg-image); background-image: url($theme-bg-image);
background-size: cover;
background-position: center;
} }
// 菜单项目 // 菜单项目
@mixin theme-menu-hover-style { @mixin theme-menu-hover-style {

38
src/assets/style/theme/star/setting.scss Normal file
View File

@@ -0,0 +1,38 @@
// 主题名称
$theme-name: 'star';
// 主题背景颜色
$theme-bg-color: #EFF4F8;
// 主题背景图片
$theme-bg-image: '/static/image/bg/star.jpg';
// container组件的边框
$theme-container-border: 1px solid #d8dfea;
// 顶栏和侧边栏中展开的菜单 hover 状态下
$theme-menu-item-color-hover: #FFF;
$theme-menu-item-background-color-hover: #187181;
// 顶栏上的文字颜色
$theme-header-item-color: #FFF;
$theme-header-item-background-color: transparent;
// 顶栏上的项目在 hover 时
$theme-header-item-color-hover: #FFF;
$theme-header-item-background-color-hover: rgba(#FFF, .3);
// 顶栏上的项目在 focus 时
$theme-header-item-color-focus: #FFF;
$theme-header-item-background-color-focus: rgba(#FFF, .3);
// 顶栏上的项目在 active 时
$theme-header-item-color-active: #FFF;
$theme-header-item-background-color-active: rgba(#000, .3);
// 侧边栏上的文字颜色
$theme-aside-item-color: #FFF;
$theme-aside-item-background-color: transparent;
// 侧边栏上的项目在 hover 时
$theme-aside-item-color-hover: #FFF;
$theme-aside-item-background-color-hover: rgba(#FFF, .3);
// 侧边栏上的项目在 focus 时
$theme-aside-item-color-focus: #FFF;
$theme-aside-item-background-color-focus: rgba(#FFF, .3);
// 侧边栏上的项目在 active 时
$theme-aside-item-color-active: #FFF;
$theme-aside-item-background-color-active: rgba(#000, .3);

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

@@ -4,6 +4,8 @@
.layout-main { .layout-main {
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
background-size: cover;
background-position: center;
// [布局] 顶栏 // [布局] 顶栏
.el-header { .el-header {
padding: 0px; padding: 0px;