From f5641fd76ef90a66599e8ce121f3acfd97d779e8 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 16 Jul 2021 11:44:43 +0800
Subject: [PATCH] 样式
---
src/styles/theme/bule.scss | 96 ++++++++++++++++++++----------------------------
1 files changed, 40 insertions(+), 56 deletions(-)
diff --git a/src/styles/theme/bule.scss b/src/styles/theme/bule.scss
index d05154a..19f4978 100644
--- a/src/styles/theme/bule.scss
+++ b/src/styles/theme/bule.scss
@@ -1,5 +1,4 @@
.theme-bule {
-
.avue-header,
.avue-logo {
background: #004ca7;
@@ -37,16 +36,13 @@
}
.avue-top {
-
.el-menu-item {
-
i,
span {
color: #fff;
}
&:hover {
-
i,
span {
color: #fff;
@@ -56,30 +52,28 @@
}
}
-
-
.theme-deep-bule {
- background: #19305C;
+ background: #19305c;
- .avue-tags .el-tabs--card>.el-tabs__header .el-tabs__item {
+ .avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item {
color: #fff;
}
- .avue-tags .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
- color: #409EFF;
+ .avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
+ color: #409eff;
}
.avue-contail {
- background: #19305C;
+ background: #19305c;
}
.avue-header,
.avue-logo {
- background: #19305C;
+ background: #19305c;
}
.avue-sidebar {
- background: #19305C;
+ background: #19305c;
.el-menu-item.is-active,
.el-submenu__title.is-active {
@@ -110,16 +104,13 @@
}
.avue-top {
-
.el-menu-item {
-
i,
span {
color: #fff;
}
&:hover {
-
i,
span {
color: #fff;
@@ -129,18 +120,17 @@
}
.el-select-dropdown {
- background: #0146F0;
+ background: #0146f0;
color: #8ab6ff;
- border: 1px solid #0140D8;
+ border: 1px solid #0140d8;
}
-
- .el-popper[x-placement^=bottom] .popper__arrow::after {
- border-bottom-color: #0146F0;
+ .el-popper[x-placement^="bottom"] .popper__arrow::after {
+ border-bottom-color: #0146f0;
}
- .el-popper[x-placement^=bottom] .popper__arrow {
- border-bottom-color: #0146F0;
+ .el-popper[x-placement^="bottom"] .popper__arrow {
+ border-bottom-color: #0146f0;
}
.el-select-dropdown__item {
@@ -149,14 +139,14 @@
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
- background-color: #155CF7;
+ background-color: #155cf7;
}
.el-button:focus,
.el-button:hover {
- color: #F0F0F0;
- border-color: #83C1FF;
- background-color: #83C1FF;
+ color: #f0f0f0;
+ border-color: #83c1ff;
+ background-color: #83c1ff;
}
.avue-crud__right {
@@ -164,20 +154,19 @@
}
.el-button--default {
- background-color: #409EFF;
- border-color: #409EFF;
- color: #FFF9FF;
+ background-color: #409eff;
+ border-color: #409eff;
+ color: #fff9ff;
}
.el-card {
height: 100%;
- background: #19305C;
+ background: #19305c;
color: #fff;
.el-table,
.el-table__expanded-cell {
- background-color: #19305C;
-
+ background-color: #19305c;
}
.el-table--border::after,
@@ -191,23 +180,22 @@
background-color: #1a325f;
}
-
.el-loading-mask {
background-color: #1a325fe1;
}
.el-table th {
- background-color: #155CF7;
+ background-color: #155cf7;
color: #fff;
}
-
+ //表格 行颜色
.el-table td {
- background: #0142D6;
+ background: #004ca7;
color: #fff;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
- background: #044BE3;
+ background: #044be3;
}
.el-button--text {
@@ -215,8 +203,7 @@
}
.el-collapse-item__wrap {
- background-color: #19305C;
-
+ background-color: #19305c;
}
.el-collapse {
@@ -225,11 +212,10 @@
}
.avue-crud__menu {
- background-color: #19305C;
+ background-color: #19305c;
}
.el-form-item__label {
-
color: #fff;
}
@@ -252,7 +238,7 @@
.el-table--border td,
.el-table--border th,
- .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+ .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
border-color: #53a7fa;
}
@@ -262,12 +248,12 @@
}
.el-input__inner {
- background: #0146F0;
+ background: #0146f0;
color: #8ab6ff;
}
.el-tooltip input {
- background: #0146F0;
+ background: #0146f0;
color: #8ab6ff;
}
@@ -277,48 +263,46 @@
.el-date-editor,
.el-input input {
- border-color: #0140D8;
+ border-color: #0140d8;
}
.avue-group .el-collapse,
.avue-group .el-collapse-item__wrap {
- border-color: #19305C;
+ 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;
+ background-color: #409eff;
color: #fff;
min-width: 30px;
border-radius: 2px;
}
.el-tag {
- background-color: #409EFF;
+ background-color: #409eff;
color: #fff;
border-color: #53a7fa;
}
-
}
#avue-view {
- &>.el-row {
-
- &>.el-col:first-child {
+ & > .el-row {
+ & > .el-col:first-child {
padding-right: 2px;
}
- &>.el-col:last-child {
+ & > .el-col:last-child {
padding-left: 2px;
}
- &>.el-col {
+ & > .el-col {
height: 100%;
margin-bottom: 0px;
- &>.basic-container {
+ & > .basic-container {
padding: 0;
height: 100%;
}
--
Gitblit v1.9.3