From 250d69a8474b4a68d4b5e776789844a8c3ca87d5 Mon Sep 17 00:00:00 2001 From: liyang <1711467488@qq.com> Date: Mon, 11 Jun 2018 11:19:31 +0800 Subject: [PATCH] no message Former-commit-id: f1da129af62daafbeecba3a8e8897b3ee21d8228 Former-commit-id: a91ec1952635c29e0ec1bee92c3fafba0abeb597 Former-commit-id: 5893dcefdbe8a770fac54118995009c80e28dfcb --- src/assets/style/theme/star/index.scss | 42 +----------------------- src/assets/style/theme/star/setting.scss | 38 +++++++++++++++++++++ src/assets/style/theme/theme.scss | 2 ++ 3 files changed, 41 insertions(+), 41 deletions(-) create mode 100644 src/assets/style/theme/star/setting.scss diff --git a/src/assets/style/theme/star/index.scss b/src/assets/style/theme/star/index.scss index 908390a4..d5123ab4 100644 --- a/src/assets/style/theme/star/index.scss +++ b/src/assets/style/theme/star/index.scss @@ -1,51 +1,11 @@ @import '../theme.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); +@import './setting.scss'; .theme-#{$theme-name} { .layout-main { background-color: $theme-bg-color; background-image: url($theme-bg-image); - background-size: cover; - background-position: center; } // 菜单项目 @mixin theme-menu-hover-style { diff --git a/src/assets/style/theme/star/setting.scss b/src/assets/style/theme/star/setting.scss new file mode 100644 index 00000000..f1db18f7 --- /dev/null +++ b/src/assets/style/theme/star/setting.scss @@ -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); \ No newline at end of file diff --git a/src/assets/style/theme/theme.scss b/src/assets/style/theme/theme.scss index 7d46d1aa..70187876 100644 --- a/src/assets/style/theme/theme.scss +++ b/src/assets/style/theme/theme.scss @@ -4,6 +4,8 @@ .layout-main { height: 100vh; width: 100vw; + background-size: cover; + background-position: center; // [布局] 顶栏 .el-header { padding: 0px;