diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 96095ef6..5f755fb8 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -121,7 +121,7 @@ aside { //main-container全局样式 .app-container { - padding: 20px; + padding: 16px; } .components-container { @@ -129,10 +129,6 @@ aside { position: relative; } -.pagination-container { - margin-top: 30px; -} - .text-center { text-align: center } diff --git a/src/assets/styles/ruoyi.scss b/src/assets/styles/ruoyi.scss index c8a7c4d0..0b790e54 100644 --- a/src/assets/styles/ruoyi.scss +++ b/src/assets/styles/ruoyi.scss @@ -112,13 +112,13 @@ } /** 表格布局 **/ -.pagination-container { - position: relative; - height: 25px; - margin-bottom: 10px; - margin-top: 15px; - padding: 10px 20px !important; -} +// .pagination-container { +// position: relative; +// height: 25px; +// margin-bottom: 10px; +// margin-top: 15px; +// padding: 10px 20px !important; +// } /* tree border */ .tree-border { diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss index ed308b8d..2b0ec69d 100644 --- a/src/assets/styles/sidebar.scss +++ b/src/assets/styles/sidebar.scss @@ -105,6 +105,10 @@ background-color: $base-sub-menu-hover !important; } } + + & .theme-dark .el-submenu .el-menu-item.is-active { + background-color: #0b50ff !important; + } } .hideSidebar { diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss index e8395c1e..28b8b66e 100644 --- a/src/assets/styles/variables.scss +++ b/src/assets/styles/variables.scss @@ -9,20 +9,20 @@ $yellow:#FEC171; $panGreen: #30B08F; // 默认菜单主题风格 -$base-menu-color:#bfcbd9; -$base-menu-color-active:#f4f4f5; -$base-menu-background:#304156; -$base-logo-title-color: #ffffff; +// $base-menu-color:#bfcbd9; +// $base-menu-color-active:#f4f4f5; +// $base-menu-background:#304156; +// $base-logo-title-color: #ffffff; -$base-menu-light-color:rgba(0,0,0,.70); -$base-menu-light-background:#ffffff; -$base-logo-light-title-color: #001529; +// $base-menu-light-color:rgba(0,0,0,.70); +// $base-menu-light-background:#ffffff; +// $base-logo-light-title-color: #001529; -$base-sub-menu-background:#1f2d3d; -$base-sub-menu-hover:#001528; +// $base-sub-menu-background:#1f2d3d; +// $base-sub-menu-hover:#001528; // 自定义暗色菜单风格 -/** +/* $base-menu-color:hsla(0,0%,100%,.65); $base-menu-color-active:#fff; $base-menu-background:#001529; @@ -35,8 +35,20 @@ $base-logo-light-title-color: #001529; $base-sub-menu-background:#000c17; $base-sub-menu-hover:#001528; */ +$base-menu-color: #fff; +$base-menu-color-active:#fff; +$base-menu-background:#001529; +$base-logo-title-color: #ffffff; -$base-sidebar-width: 280px; +$base-menu-light-color:rgba(0,0,0,.70); +$base-menu-light-background:#ffffff; +$base-logo-light-title-color: #001529; + +$base-sub-menu-background:#0B253F; +$base-sub-menu-hover:#0b50ff; + + +$base-sidebar-width: 248px; // the :export directive is the magic sauce for webpack // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue index f930807b..4902d3d8 100644 --- a/src/components/Breadcrumb/index.vue +++ b/src/components/Breadcrumb/index.vue @@ -68,8 +68,12 @@ export default { margin-left: 8px; .no-redirect { - color: #97a8be; + color: rgba(0, 0, 0, 0.65); cursor: text; } } + +.app-breadcrumb .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link { + color: rgba(0, 0, 0, 0.45); +} diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue index 8dd7399f..797c3eb5 100644 --- a/src/layout/components/AppMain.vue +++ b/src/layout/components/AppMain.vue @@ -28,11 +28,14 @@ export default {