From 44d43dbe44639f6c14222e1c90a8225db16c56e3 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Thu, 15 Jul 2021 18:12:56 +0800
Subject: [PATCH] 样式及部分文件更改
---
src/styles/theme/bule.scss | 315 +++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 274 insertions(+), 41 deletions(-)
diff --git a/src/styles/theme/bule.scss b/src/styles/theme/bule.scss
index 0dc41ce..d05154a 100644
--- a/src/styles/theme/bule.scss
+++ b/src/styles/theme/bule.scss
@@ -1,25 +1,32 @@
-.theme-bule{
+.theme-bule {
- .avue-header,.avue-logo{
+ .avue-header,
+ .avue-logo {
background: #004ca7;
}
- .avue-sidebar{
+
+ .avue-sidebar {
background: #004ca7;
- .el-menu-item.is-active, .el-submenu__title.is-active {
- background-color: rgba(0, 0, 0, 0.2);
+
+ .el-menu-item.is-active,
+ .el-submenu__title.is-active {
+ background-color: rgba(0, 0, 0, 0.2);
}
}
- .el-dropdown{
+
+ .el-dropdown {
color: #fff;
}
- .avue-logo{
- .avue-logo_title{
- color:#fff;
+
+ .avue-logo {
+ .avue-logo_title {
+ color: #fff;
}
}
- .avue-breadcrumb{
- i{
- color:#fff;
+
+ .avue-breadcrumb {
+ i {
+ color: #fff;
}
}
@@ -28,18 +35,22 @@
color: #fff;
}
}
- .avue-top{
+
+ .avue-top {
.el-menu-item {
+
+ i,
+ span {
+ color: #fff;
+ }
+
+ &:hover {
+
i,
span {
color: #fff;
}
- &:hover {
- i,
- span {
- color: #fff;
- }
}
}
}
@@ -47,28 +58,48 @@
-.theme-deep-bule{
+.theme-deep-bule {
+ background: #19305C;
- .avue-header,.avue-logo{
- background: #19305C;
- }
- .avue-sidebar{
- background: #19305C;
- .el-menu-item.is-active, .el-submenu__title.is-active {
- background-color: rgba(0, 0, 0, 0.2);
- }
- }
- .el-dropdown{
+ .avue-tags .el-tabs--card>.el-tabs__header .el-tabs__item {
color: #fff;
}
- .avue-logo{
- .avue-logo_title{
- color:#fff;
+
+ .avue-tags .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+ color: #409EFF;
+ }
+
+ .avue-contail {
+ background: #19305C;
+ }
+
+ .avue-header,
+ .avue-logo {
+ background: #19305C;
+ }
+
+ .avue-sidebar {
+ background: #19305C;
+
+ .el-menu-item.is-active,
+ .el-submenu__title.is-active {
+ background-color: rgba(0, 0, 0, 0.2);
}
}
- .avue-breadcrumb{
- i{
- color:#fff;
+
+ .el-dropdown {
+ color: #fff;
+ }
+
+ .avue-logo {
+ .avue-logo_title {
+ color: #fff;
+ }
+ }
+
+ .avue-breadcrumb {
+ i {
+ color: #fff;
}
}
@@ -77,18 +108,220 @@
color: #fff;
}
}
- .avue-top{
+
+ .avue-top {
.el-menu-item {
+
+ i,
+ span {
+ color: #fff;
+ }
+
+ &:hover {
+
i,
span {
color: #fff;
}
- &:hover {
- i,
- span {
- color: #fff;
- }
+ }
+ }
+ }
+
+ .el-select-dropdown {
+ background: #0146F0;
+ color: #8ab6ff;
+ border: 1px solid #0140D8;
+ }
+
+
+ .el-popper[x-placement^=bottom] .popper__arrow::after {
+ border-bottom-color: #0146F0;
+ }
+
+ .el-popper[x-placement^=bottom] .popper__arrow {
+ border-bottom-color: #0146F0;
+ }
+
+ .el-select-dropdown__item {
+ color: #8ab6ff;
+ }
+
+ .el-select-dropdown__item.hover,
+ .el-select-dropdown__item:hover {
+ background-color: #155CF7;
+ }
+
+ .el-button:focus,
+ .el-button:hover {
+ color: #F0F0F0;
+ border-color: #83C1FF;
+ background-color: #83C1FF;
+ }
+
+ .avue-crud__right {
+ display: none !important;
+ }
+
+ .el-button--default {
+ background-color: #409EFF;
+ border-color: #409EFF;
+ color: #FFF9FF;
+ }
+
+ .el-card {
+ height: 100%;
+ background: #19305C;
+ color: #fff;
+
+ .el-table,
+ .el-table__expanded-cell {
+ background-color: #19305C;
+
+ }
+
+ .el-table--border::after,
+ .el-table--group::after,
+ .el-table::before {
+ background-color: #1a325f;
+ }
+
+ .el-table__fixed-right::before,
+ .el-table__fixed::before {
+ background-color: #1a325f;
+ }
+
+
+ .el-loading-mask {
+ background-color: #1a325fe1;
+ }
+
+ .el-table th {
+ background-color: #155CF7;
+ color: #fff;
+ }
+
+ .el-table td {
+ background: #0142D6;
+ color: #fff;
+ }
+
+ .el-table--striped .el-table__body tr.el-table__row--striped td {
+ background: #044BE3;
+ }
+
+ .el-button--text {
+ color: #fff;
+ }
+
+ .el-collapse-item__wrap {
+ background-color: #19305C;
+
+ }
+
+ .el-collapse {
+ border-top: 1px solid #1a325f;
+ border-bottom: 1px solid #1a325f;
+ }
+
+ .avue-crud__menu {
+ background-color: #19305C;
+ }
+
+ .el-form-item__label {
+
+ color: #fff;
+ }
+
+ .el-pagination__total {
+ color: #fff;
+ }
+
+ .el-pagination__jump {
+ color: #fff;
+ }
+
+ .avue-empty__desc {
+ color: #fff;
+ }
+
+ .el-table--border,
+ .el-table--group {
+ border: 1px solid#53a7fa;
+ }
+
+ .el-table--border td,
+ .el-table--border th,
+ .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+ border-color: #53a7fa;
+ }
+
+ .el-table td,
+ .el-table th.is-leaf {
+ border-color: #53a7fa;
+ }
+
+ .el-input__inner {
+ background: #0146F0;
+ color: #8ab6ff;
+ }
+
+ .el-tooltip input {
+ background: #0146F0;
+ color: #8ab6ff;
+ }
+
+ .el-range-separator {
+ color: #8ab6ff;
+ }
+
+ .el-date-editor,
+ .el-input input {
+ border-color: #0140D8;
+ }
+
+ .avue-group .el-collapse,
+ .avue-group .el-collapse-item__wrap {
+ border-color: #19305C;
+ }
+
+ .el-pagination.is-background .btn-next,
+ .el-pagination.is-background .btn-prev,
+ .el-pagination.is-background .el-pager li {
+ margin: 0 5px;
+ background-color: #409EFF;
+ color: #fff;
+ min-width: 30px;
+ border-radius: 2px;
+ }
+
+ .el-tag {
+ background-color: #409EFF;
+ color: #fff;
+ border-color: #53a7fa;
+ }
+
+ }
+
+ #avue-view {
+ &>.el-row {
+
+ &>.el-col:first-child {
+ padding-right: 2px;
+ }
+
+ &>.el-col:last-child {
+ padding-left: 2px;
+ }
+
+ &>.el-col {
+ height: 100%;
+ margin-bottom: 0px;
+
+ &>.basic-container {
+ padding: 0;
+ height: 100%;
+ }
}
}
}
--
Gitblit v1.9.3