From 5defaca63e79bae5741710f29b099ea30acbc1e6 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 16 Jul 2021 19:47:41 +0800
Subject: [PATCH] 样式
---
src/styles/ourBackgroundColor.scss | 10 ++-
src/views/desk/notice.vue | 2
src/styles/element-ui.scss | 39 +++++++++++--
src/styles/sidebar.scss | 75 +++++++++++++------------
4 files changed, 80 insertions(+), 46 deletions(-)
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index c1d6a5d..54b013d 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -92,13 +92,13 @@
background-color: $mainB !important;
}
.el-table {
- background-color: $mainB !important;
+ background-color: $tableColor !important;
color: $fontColor !important;
}
.el-table th,
.el-table tr {
- background-color: $mainB !important;
+ background-color: $tableColor !important;
color: $fontColor !important;
}
.el-table__body tr.hover-row > td {
@@ -298,14 +298,22 @@
//左侧导航栏
.avue-logo {
- background-color: $mainB !important;
+ background-color: $leftMenuB1 !important;
}
.avue-sidebar {
- background-color: $mainB !important;
+ background-color: $leftMenuB1 !important;
}
-
-//表格搜索 下拉
.el-scrollbar__view,
+.el-select-dropdown__list {
+ background-color: $leftMenuB1 !important;
+}
+//hover
+
+.theme-deep-bule .avue-sidebar .el-menu-item.is-active {
+ background-color: $leftMenuB1hover !important;
+}
+//表格搜索 下拉
+// .el-scrollbar__view,
.el-select-dropdown__list {
background-color: $mainB !important;
}
@@ -366,3 +374,22 @@
.el-picker-panel__icon-btn {
color: $fontColor !important;
}
+
+//证件照吊销 弹窗颜色
+.el-message-box__title {
+ color: $fontColor !important;
+}
+
+//发起回报
+.el-textarea__inner {
+ color: $fontColor !important;
+}
+// //通知公告 白色bug
+// .el-table--striped .el-table__body tr.el-table__row--striped td {
+// background-color: transparent !important;
+// }
+
+//左侧辖区
+.box .el-scrollbar__wrap .el-scrollbar__view {
+ background-color: transparent !important;
+}
diff --git a/src/styles/ourBackgroundColor.scss b/src/styles/ourBackgroundColor.scss
index 31a731c..98eaa49 100644
--- a/src/styles/ourBackgroundColor.scss
+++ b/src/styles/ourBackgroundColor.scss
@@ -1,16 +1,18 @@
$black: #03277c;
-$leftMenuB: #1446dd;
+$leftMenuB: #0546de;
+$leftMenuB1: #0546de;
+$leftMenuB1hover: #023ea0;
$leftMenuTop: #1446dd;
$fontColor: #fff;
$mainB2: #0048e5;
$mainB: #004ca7;
-$mainBx1: #013e8a;
+$mainBx1: #023ea0;
-$mainBhover: #1d5ce4;
+$mainBhover: #3970e7;
$fontColorActive: #2f96ff;
$fontColorActive1: #52a9ff;
@@ -20,3 +22,5 @@
$buttonB: #7cbdff;
$inputB1: rgb(25, 88, 233);
+
+$tableColor: rgba(24, 82, 218, 0.911);
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
index 32eff42..a157b0b 100644
--- a/src/styles/sidebar.scss
+++ b/src/styles/sidebar.scss
@@ -1,20 +1,20 @@
-
-
-.el-menu--popup{
- .el-menu-item{
+.el-menu--popup {
+ .el-menu-item {
background-color: #20222a;
- i,span{
- color:hsla(0,0%,100%,.7);
+ i,
+ span {
+ color: hsla(0, 0%, 100%, 0.7);
}
- &:hover{
- i,span{
- color:#fff;
+ &:hover {
+ i,
+ span {
+ color: #fff;
}
}
&.is-active {
- background-color: rgba(0,0,0,.8);
+ background-color: rgba(0, 0, 0, 0.8);
&:before {
- content: '';
+ content: "";
top: 0;
left: 0;
bottom: 0;
@@ -22,61 +22,64 @@
background: #409eff;
position: absolute;
}
- i,span{
- color:#fff;
+ i,
+ span {
+ color: #fff;
}
}
}
-
}
@import "./ourBackgroundColor.scss";
.avue-sidebar {
- user-select: none;
+ user-select: none;
position: relative;
padding-top: 60px;
height: 100%;
position: relative;
- background-color: $leftMenuB;
+ background-color: $leftMenuB1 !important;
// background-color: #20222a;
- transition: width .2s;
+ transition: width 0.2s;
box-sizing: border-box;
- box-shadow: 2px 0 6px rgba(0,21,41,.35);
+ box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
.el-scrollbar__wrap {
overflow-x: hidden;
}
- &--tip{
- width:90%;
+ &--tip {
+ width: 90%;
height: 140px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
position: absolute;
- top:5px;
- left:5%;
- color:#ccc;
+ top: 5px;
+ left: 5%;
+ color: #ccc;
z-index: 2;
text-align: center;
font-size: 14px;
- background-color: rgba(0,0,0,.4);
+ background-color: rgba(0, 0, 0, 0.4);
}
- .el-menu-item,.el-submenu__title{
- i{
+ .el-menu-item,
+ .el-submenu__title {
+ i {
margin-right: 10px;
}
- i,span{
- color:hsla(0,0%,100%,.7);
+ i,
+ span {
+ color: hsla(0, 0%, 100%, 0.7);
}
- &:hover{
+ &:hover {
background: transparent;
- i,span{
- color:#fff;
+ i,
+ span {
+ color: #fff;
}
}
&.is-active {
&:before {
- content: '';
+ content: "";
top: 0;
left: 0;
bottom: 0;
@@ -85,10 +88,10 @@
position: absolute;
}
background-color: $black;
- i,span{
- color:#fff;
+ i,
+ span {
+ color: #fff;
}
}
}
-
-}
\ No newline at end of file
+}
diff --git a/src/views/desk/notice.vue b/src/views/desk/notice.vue
index be7b97c..7189e9e 100644
--- a/src/views/desk/notice.vue
+++ b/src/views/desk/notice.vue
@@ -84,7 +84,7 @@
searchMenuSpan: 6,
border: false,
index: true,
- stripe: true,
+ // stripe: true,
viewBtn: true,
selection: true,
excelBtn: false,
--
Gitblit v1.9.3