From f9f3ca8991a8496680410d201fa0e7a9f9b02242 Mon Sep 17 00:00:00 2001 From: liyang <1711467488@qq.com> Date: Fri, 15 Jun 2018 22:52:02 +0800 Subject: [PATCH] no message Former-commit-id: 368a758bafc1e5236bb645cfedf853114a915c23 [formerly 368a758bafc1e5236bb645cfedf853114a915c23 [formerly 368a758bafc1e5236bb645cfedf853114a915c23 [formerly 368a758bafc1e5236bb645cfedf853114a915c23 [formerly 39d1b8f5e00c9cbb8ca80529819ba5a661ea82f6 [formerly f969de8ca0d90950d1c41818b544d16d897fc662]]]]] Former-commit-id: 86a35e928649d29d94cdcf744b6827fa8fe54e14 Former-commit-id: b259f34a9948028abdc55ce35ccc1e3ba8280d7f Former-commit-id: e5298a9bb80b83e98e9998b5018a47a427ab84c3 [formerly 908c209e3a04ec47d85ac73363f5f43af8ff752e] Former-commit-id: f06c3195e91a1843683a50346afaf228520a61c2 Former-commit-id: f4107d04821884709c980e586dd9bf4c4e8bceda Former-commit-id: 0eb496989ae4153a3ce21dac9c6f1803532764e5 Former-commit-id: 9e25cd7b811e3ce5e48516944949364285224569 Former-commit-id: 75b5eea9859dc494eae4abed1ecf7db640f53da3 --- src/assets/style/theme/theme.scss | 392 ------------------ .../style/theme/theme.scss.REMOVED.git-id | 1 + 2 files changed, 1 insertion(+), 392 deletions(-) delete mode 100644 src/assets/style/theme/theme.scss create mode 100644 src/assets/style/theme/theme.scss.REMOVED.git-id diff --git a/src/assets/style/theme/theme.scss b/src/assets/style/theme/theme.scss deleted file mode 100644 index 28255142..00000000 --- a/src/assets/style/theme/theme.scss +++ /dev/null @@ -1,392 +0,0 @@ -// 主题公用 -.layout-main-group { - height: 100%; - width: 100%; - background-size: cover; - background-position: center; - position: relative; - // 背景上面的半透明遮罩 - .layout-main-mask { - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - } - // 主体 - .layout-main { - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - // [布局] 顶栏 - .el-header { - padding: 0px; - // logo区域 - .logo-group { - transition: width .3s; - float: left; - text-align: center; - img { - height: 60px; - } - } - // 折叠侧边栏切换按钮 - .toggle-aside-btn { - float: left; - height: 60px; - width: 60px; - display: flex; - justify-content: center; - align-items: center; - @extend %unable-select; - i { - font-size: 20px; - margin-top: 4px; - } - } - // [菜单] 顶栏 - .el-menu { - float: left; - border-bottom: none; - background-color: transparent; - .el-menu-item { - @extend %unable-select; - border-bottom: none; - } - .el-submenu { - @extend %unable-select; - .el-submenu__title { - border-bottom: none; - } - } - } - // 顶栏右侧的按钮 - .d2-header-right { - float: right; - height: 60px; - display: flex; - align-items: center; - .btn-text { - padding: 14px 12px; - border-radius: 4px; - margin: 0px !important; - margin-left: 10px !important; - } - .el-dropdown { - @extend %unable-select; - } - } - } - // [布局] 顶栏下面 - .el-container { - // 侧边栏 - .el-aside { - transition: width .3s; - overflow: auto; - // [菜单] 正常状态 - .el-menu { - @extend %unable-select; - background-color: transparent; - border-right: none; - .el-menu-item { - i { - margin-right: 5px; - font-size: 20px; - } - } - } - .el-submenu { - @extend %unable-select; - .el-submenu__title { - i { - margin-right: 5px; - font-size: 20px; - } - .el-submenu__icon-arrow { - margin-top: -10px; - } - } - } - // 菜单为空的时候显示的信息 - .menu-empty { - height: 160px; - margin: 10px; - margin-top: 0px; - border-radius: 4px; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - @extend %unable-select; - i { - font-size: 30px; - margin-bottom: 10px; - } - span { - font-size: 14px; - } - } - // [菜单] 折叠状态 - .el-menu--collapse { - background-color: transparent; - .el-submenu__title { - text-align: center; - } - } - } - .el-main { - padding: 0px; - position: relative; - overflow: hidden; - } - } - // [组件] d2-container-full - .d2-container-full { - position: absolute; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - overflow: hidden; - color: #303133; - &:hover { - box-shadow: none; - } - .d2-container-full__header { - position: absolute; - top: 0px; - left: 0px; - width: 100%; - padding: 18px 20px; - box-sizing: border-box; - } - .d2-container-full__body { - position: absolute; - padding: 20px; - left: 0px; - right: 0px; - bottom: 0px; - overflow: auto; - } - .d2-container-full__footer { - position: absolute; - bottom: 0px; - left: 0px; - width: 100%; - padding: 18px 20px; - box-sizing: border-box; - } - } - } -} - -// 每个主题特有的设置 - -.theme-#{$theme-name} { - - .layout-main-group { - background-color: $theme-bg-color; - background-image: $theme-bg-image; - .layout-main-mask { - background-color: $theme-bg-mask; - } - } - // 菜单项目 - @mixin theme-menu-hover-style { - color: $theme-menu-item-color-hover; - i { - color: $theme-menu-item-color-hover; - } - background-color: $theme-menu-item-background-color-hover; - } - .el-submenu__title { - @extend %unable-select; - } - .el-menu-item { - @extend %unable-select; - } - .el-submenu__title:hover { - @include theme-menu-hover-style; - } - .el-menu-item:hover { - @include theme-menu-hover-style; - } - .el-menu--horizontal .el-menu-item:not(.is-disabled):hover { - @include theme-menu-hover-style; - } - .el-menu--horizontal .el-menu .el-submenu__title:hover { - @include theme-menu-hover-style; - } - - // [组件] d2-container-full - .d2-container-full { - border: $theme-container-border-outer; - border-bottom: none; - background-color: $theme-container-background-color; - .d2-container-full__header { - border-bottom: $theme-container-border-inner; - background-color: $theme-container-header-footer-background-color; - } - .d2-container-full__footer { - border-top: $theme-container-border-inner; - background-color: $theme-container-header-footer-background-color; - } - } - // [组件] d2-container-card - .d2-container-card { - border: $theme-container-border-outer; - background-color: $theme-container-background-color; - .el-card__header { - border-bottom: $theme-container-border-inner; - background-color: $theme-container-header-footer-background-color; - } - } - - // 顶栏 - .el-header { - // 切换按钮 - .toggle-aside-btn { - i { - color: $theme-header-item-color; - background-color: $theme-header-item-background-color; - &:hover { - color: $theme-header-item-color-hover; - } - } - } - // 顶栏菜单 - .el-menu { - .el-menu-item { - transition: border-top-color 0s; - color: $theme-header-item-color; - background-color: $theme-header-item-background-color; - &:hover { - color: $theme-header-item-color-hover; - background-color: $theme-header-item-background-color-hover; - } - &:focus { - color: $theme-header-item-color-focus; - background-color: $theme-header-item-background-color-focus; - } - &.is-active { - color: $theme-header-item-color-active; - background-color: $theme-header-item-background-color-active; - } - } - .el-submenu { - .el-submenu__title { - transition: border-top-color 0s; - color: $theme-header-item-color; - background-color: $theme-header-item-background-color; - .el-submenu__icon-arrow { - color: $theme-header-item-color; - } - &:hover { - color: $theme-header-item-color-hover; - background-color: $theme-header-item-background-color-hover; - .el-submenu__icon-arrow { - color: $theme-header-item-color-hover; - } - } - &:focus { - color: $theme-header-item-color-focus; - background-color: $theme-header-item-background-color-focus; - .el-submenu__icon-arrow { - color: $theme-header-item-color-focus; - } - } - } - } - } - // 顶栏右侧 - .d2-header-right { - .btn-text { - color: $theme-header-item-color; - &.can-hover { - &:hover { - color: $theme-header-item-color-hover; - background-color: $theme-header-item-background-color-hover; - } - } - } - } - } - // [布局] 顶栏下面 - .el-container { - // 侧边栏 - .el-aside { - // 菜单为空的时候显示的信息 - .menu-empty { - background-color: $theme-aside-menu-empty-background-color; - i { - color: $theme-aside-menu-empty-icon-color; - } - span { - color: $theme-aside-menu-empty-text-color; - } - &:hover { - background-color: $theme-aside-menu-empty-background-color-hover; - i { - color: $theme-aside-menu-empty-icon-color-hover; - } - span { - color: $theme-aside-menu-empty-text-color-hover; - } - } - } - // [菜单] 正常状态 - .el-menu { - .el-menu-item { - color: $theme-aside-item-color; - background-color: $theme-aside-item-background-color; - i { - color: $theme-aside-item-color; - } - &:hover { - color: $theme-aside-item-color-hover; - background-color: $theme-aside-item-background-color-hover; - i { - color: $theme-aside-item-color-hover; - } - } - &:focus { - color: $theme-aside-item-color-focus; - background-color: $theme-aside-item-background-color-focus; - i { - color: $theme-aside-item-color-focus; - } - } - &.is-active { - color: $theme-aside-item-color-active; - background-color: $theme-aside-item-background-color-active; - i { - color: $theme-aside-item-color-active; - } - } - } - } - .el-submenu { - .el-submenu__title { - color: $theme-aside-item-color; - background-color: $theme-aside-item-background-color; - i { - color: $theme-aside-item-color; - } - .el-submenu__icon-arrow { - color: $theme-aside-item-color; - } - &:hover { - color: $theme-aside-item-color-hover; - background-color: $theme-aside-item-background-color-hover; - i { - color: $theme-aside-item-color-hover; - } - .el-submenu__icon-arrow { - color: $theme-aside-item-color-hover; - } - } - } - } - } - } -} diff --git a/src/assets/style/theme/theme.scss.REMOVED.git-id b/src/assets/style/theme/theme.scss.REMOVED.git-id new file mode 100644 index 00000000..8dffd24a --- /dev/null +++ b/src/assets/style/theme/theme.scss.REMOVED.git-id @@ -0,0 +1 @@ +76b231c8f2b45f72c095f47ab055fbebb41ff160 \ No newline at end of file