From bec79d7b98d7aaf67e9c8f56083ff9f689f266c3 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 15 Jul 2021 17:32:12 +0800
Subject: [PATCH] 蓝色主题 修改 和监管处罚创建
---
src/styles/element-ui.scss | 242 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 238 insertions(+), 4 deletions(-)
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 54c3e92..f1b86fb 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -1,3 +1,4 @@
+@import "./ourBackgroundColor.scss";
.el-dropdown-menu__item {
font-size: 12px !important;
line-height: 28px !important;
@@ -25,7 +26,6 @@
display: none;
}
-
.el-message__icon,
.el-message__content {
display: inline-block;
@@ -49,12 +49,19 @@
padding: 0 !important;
}
-.el-dropdown-menu__item--divided:before, .el-menu, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-submenu .el-submenu__title:hover {
+.el-dropdown-menu__item--divided:before,
+.el-menu,
+.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
+.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
+.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
background-color: transparent;
}
-
-.el-dropdown-menu__item--divided:before, .el-menu, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-submenu .el-submenu__title:hover {
+.el-dropdown-menu__item--divided:before,
+.el-menu,
+.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
+.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
+.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
background-color: transparent !important;
}
@@ -62,10 +69,237 @@
padding: 6px 18px !important;
}
+//部分全局颜色设置
.el-card__body {
+ background-color: $mainB !important;
+ // border:1px solid $mainB !important;
//padding: 16px !important;
}
.el-divider--horizontal {
margin: 12px 0 !important;
}
+
+.avue-group .el-collapse,
+.avue-group .el-collapse-item__wrap {
+ border-color: $mainB !important;
+ background-color: $mainB !important;
+}
+.el-form-item__label {
+ color: $fontColor !important;
+}
+.avue-crud__menu {
+ background-color: $mainB !important;
+}
+.el-table {
+ background-color: $mainB !important;
+ color: $fontColor !important;
+}
+
+.el-table th,
+.el-table tr {
+ background-color: $mainB !important;
+ color: $fontColor !important;
+}
+.el-table__body tr.hover-row > td {
+ background-color: $mainBhover !important;
+}
+.el-button--text {
+ color: $fontColor !important;
+}
+.el-card {
+ background-color: $mainB !important;
+}
+.el-tabs__item {
+ color: $fontColor !important;
+}
+//标签栏活动按钮
+.el-tabs__item.is-active {
+ color: $fontColorActive1 !important;
+}
+.el-input.is-disabled .el-input__inner {
+ color: $fontColor !important;
+}
+.el-textarea.is-disabled .el-textarea__inner {
+ color: $fontColor !important;
+}
+.el-textarea.is-disabled .el-textarea__inner {
+ background-color: $mainB !important;
+}
+.el-pagination__jump,
+.el-pagination__total {
+ color: $fontColor !important;
+}
+.avue-sidebar .el-menu-item i,
+.avue-sidebar .el-menu-item span,
+.avue-sidebar .el-submenu__title i,
+.avue-sidebar .el-submenu__title span {
+ color: $fontColor !important;
+}
+.el-menu-item:hover {
+ // background-color: $mainBhover !important;
+ color: red !important;
+}
+.el-input__inner {
+ background-color: $inputB !important;
+ color: $fontColor !important;
+}
+.el-tree-node__content {
+ background-color: $mainB !important;
+ color: $fontColor !important;
+}
+.el-tree-node__content:hover {
+ background-color: $mainBhover !important;
+}
+//el按钮
+.el-button {
+ background-color: $mainBhover !important;
+ color: $fontColor !important;
+}
+.el-pagination.is-background .btn-next,
+.el-pagination.is-background .btn-prev,
+.el-pagination.is-background .el-pager li {
+ background-color: $inputB !important;
+ color: $fontColor !important;
+}
+.el-tree {
+ background-color: $inputB !important;
+ color: $fontColor !important;
+}
+.el-table th {
+ background-color: $inputB1 !important;
+}
+
+//弹窗
+.el-dialog__header {
+ background-color: $inputB !important;
+}
+.avue-dialog .el-dialog__title,
+.avue-dialog .el-drawer__header,
+.el-dialog__title {
+ color: $fontColor !important;
+}
+.el-dialog__body {
+ background-color: $inputB !important;
+ color: $fontColor !important;
+}
+.w-e-toolbar {
+ background-color: $inputB !important;
+ color: $fontColor !important;
+}
+.el-collapse-item__content {
+ color: $fontColor !important;
+}
+
+//表格等待
+.el-loading-mask {
+ background-color: $inputB1 !important;
+}
+
+//附件上传弹窗中心
+.el-upload-dragger {
+ background-color: $inputB1 !important;
+}
+.el-upload-dragger .el-upload__text,
+.el-upload-dragger .el-icon-upload {
+ color: $fontColor !important;
+}
+//单选
+.el-radio {
+ color: $fontColor !important;
+}
+
+//多行输入
+.el-textarea__inner {
+ background-color: $inputB1 !important;
+}
+
+// 数字type input
+.el-input-number__decrease,
+.el-input-number__increase {
+ background-color: $inputB1 !important;
+}
+//菜单图标
+.el-input-group__append,
+.el-input-group__prepend {
+ background-color: $inputB1 !important;
+ color: $fontColor !important;
+}
+//登入表单 恢复按钮
+.login-border .el-input__inner {
+ background-color: #fff !important;
+ color: #606266 !important;
+}
+//菜单编辑删除按钮
+.el-button + .el-button {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+//菜单自定义按钮
+
+.el-button--text,
+.el-button--text.is-disabled,
+.el-button--text.is-disabled:focus,
+.el-button--text.is-disabled:hover,
+.el-button--text:active {
+ padding-left: 8px !important;
+ padding-right: 8px !important;
+}
+//菜单按钮
+.login-border .el-button {
+ background-color: $buttonB !important;
+ color: #fff !important;
+}
+
+//bug窗口
+.el-dialog,
+.el-pager li {
+ background-color: $mainB !important;
+}
+
+//导航搜索 下拉
+.el-autocomplete-suggestion__wrap {
+ background-color: $mainB !important;
+}
+
+.el-autocomplete-suggestion li {
+ color: $fontColor !important;
+}
+.el-autocomplete-suggestion li:hover {
+ background-color: $inputB1 !important;
+}
+
+//总标签栏 更多 下拉框
+.el-dropdown-menu {
+ background-color: $mainB !important;
+}
+.el-dropdown-menu__item {
+ color: $fontColor !important;
+}
+.el-dropdown-menu__item:hover {
+ background-color: $inputB1 !important;
+ color: $fontColor !important;
+}
+//总标签栏
+.avue-tags {
+ background-color: $mainBx1 !important;
+ color: $fontColor !important;
+}
+
+//通知弹窗
+.el-popover {
+ background-color: $mainB !important;
+}
+
+.avue-notice__subtitle,
+.avue-notice__title {
+ color: $fontColor !important;
+}
+
+//左侧导航栏
+.avue-logo {
+ background-color: $mainB !important;
+}
+.avue-sidebar {
+ background-color: $mainB !important;
+}
--
Gitblit v1.9.3