From 3140ec8fc9ac7d7fce42ee2d3ef222323a1c05ff Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期五, 23 四月 2021 11:19:04 +0800
Subject: [PATCH] 修改滚动条
---
src/assets/css/map/map-panel-style.less | 168 +++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 124 insertions(+), 44 deletions(-)
diff --git a/src/assets/css/map/map-panel-style.less b/src/assets/css/map/map-panel-style.less
index 83a6ced..61e07a0 100644
--- a/src/assets/css/map/map-panel-style.less
+++ b/src/assets/css/map/map-panel-style.less
@@ -8,13 +8,40 @@
/*鍏ㄥ眬璁剧疆***********/
-h1, h2, h3, h4, h5, h6, ul, li, p {
+h1, h2, h3, h4, h5, h6, ul, li, p,i ,span,div{
padding: 0;
margin: 0;
list-style: none;
+ -moz-user-select:none; /*鐏嫄*/
+ -webkit-user-select:none; /*webkit娴忚鍣�*/
+ -ms-user-select:none; /*IE10*/
+ -khtml-user-select:none; /*鏃╂湡娴忚鍣�*/
+ user-select:none;
}
-
+.rt{
+ float:right;
+}
+.lt{
+ float:left;
+}
+.el-button--mini, .el-button--mini.is-round{
+ padding: 0.02rem 0.04rem;
+}
+/*闅愯棌*/
+.el-dialog__wrapper{
+ height: 0;
+}
+.el-dialog{
+ margin: 0 !important;
+ position: fixed;
+ z-index: 2000;
+// left: 50%;
+ //bottom:15px;
+ .el-dialog__header{
+ border-bottom: 1px solid @background-color-split;
+ }
+}
i {
font-style: normal
}
@@ -48,7 +75,6 @@
}
.el-dialog {
- height: 500px;
border: 0.00521rem solid @color;
box-shadow: 0 0 0.03rem @color;
background: rgba(0, 16, 30, 0.8);
@@ -105,6 +131,7 @@
.el-table th, .el-table tr {
background-color: transparent;
+ padding: 0.02rem;
}
.el-table {
@@ -195,13 +222,20 @@
margin: 5px;
width: 30px;
height: 30px;
- background: @background-color-tools;
+ color: #00fff6;
+ background: rgba(0, 16, 30, 0.7);
+ border: 0.00521rem solid #00fff6;
vertical-align: middle !important;
img {
width: 16px;
height: 16px;
}
+ }
+ .el-button.hover{
+ color: @color-highlight;
+ border: .00521rem solid @color-highlight;
+ box-shadow: 0 0 .03rem @color-highlight;
}
}
@@ -220,33 +254,6 @@
.el-tabs--card > .el-tabs__header .el-tabs__item {
border: none;
margin-left: 10px;
-}
-
-.el-scrollbar__wrap {
-
-}
-
-.el-scrollbar__wrap::-webkit-scrollbar {
- /*婊氬姩鏉℃暣浣撴牱寮�*/
- width: 5px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
- height: 1px;
-}
-
-.el-scrollbar__wrap::-webkit-scrollbar-thumb {
- /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
- border-radius: 10px;
- background: none;
-}
-
-.el-scrollbar__wrap::-webkit-scrollbar-track {
- /*婊氬姩鏉￠噷闈㈣建閬�*/
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
- background: none;
- border-radius: 10px;
-}
-
-#el-scrollbar__wrap::-webkit-scrollbar-button { /*婊氬姩鏉′袱绔殑鎸夐挳锛屽彲浠ョ敤display:none璁╁叾涓嶆樉绀猴紝涔熷彲浠ユ坊鍔犺儗鏅浘鐗囷紝棰滆壊鏀瑰彉鏄剧ず鏁堟灉锛堜綅缃�2锛�*/
- background: #74D334;
}
/*******************鎿嶄綔鎸夐挳鐐瑰嚮閫変腑鏁翠綋鏍峰紡******************************/
@@ -269,18 +276,18 @@
/***************Company 鍥惧眰 鎮诞妗嗘牱寮忋��*********************************/
.company-bindTooltip {
position: absolute;
- top: 0;
- left: 0;
+ top: 10px;
+ left: 8px;
display: flex;
justify-content: center;
justify-items: center;
img {
display: block;
- width: 30px;
- height: 30px;
- margin-left: -15px;
- margin-top: -15px
+ width: 35px;
+ height: 35px;
+ margin-left: -16px;
+ margin-top: -16px
}
ul {
@@ -366,13 +373,6 @@
/*************** PublicTable 琛ㄦ牸鏍峰紡銆�*********************************/
.el-table {
- border: 1px solid #396d83 !important;
-
- .el-table__body-wrapper::-webkit-scrollbar {
- width: 0;
- height: 0;
- background: none;
- }
.cell {
padding: 0 3px !important;
i {
@@ -382,6 +382,11 @@
line-height: 12px;
}
}
+}
+
+
+.el-dialog--center .el-dialog__body{
+ padding: 0.04rem;
}
.el-table--border th {
@@ -413,6 +418,19 @@
.el-table td, .el-table th.is-leaf {
font-size: 0.08rem;
}
+.el-table .has-gutter tr th{
+ border:1px solid @background-color-split;
+}
+.el-table .has-gutter tr th .cell{
+ color: #fff;
+}
+.el-table--border{
+ // border:1px solid @background-color-split;
+ border:none
+}
+.el-table--border::after, .el-table--group::after, .el-table::before{
+ background:none;
+}
.el-table .warning-row {
background: #28304d;
@@ -431,6 +449,43 @@
padding: 0 !important;
font-size: 0.01rem !important;
}
+.el-scrollbar__wrap {
+
+}
+/*****婊氬姩鏉�***/
+.scroll::-webkit-scrollbar,
+.s-map-popup-panel .el-tabs__content::-webkit-scrollbar,
+.el-table__body-wrapper::-webkit-scrollbar,
+.el-scrollbar__wrap::-webkit-scrollbar {
+ /*婊氬姩鏉℃暣浣撴牱寮�*/
+ width: 10px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+ height: 10px;
+}
+
+.scroll::-webkit-scrollbar-thumb,
+.s-map-popup-panel .el-tabs__content::-webkit-scrollbar-thumb,
+.el-table__body-wrapper::-webkit-scrollbar-thumb,
+.el-scrollbar__wrap::-webkit-scrollbar-thumb {
+ /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
+ border-radius: 10px;
+ background: #000;
+}
+.scroll::-webkit-scrollbar-track,
+.s-map-popup-panel .el-tabs__content::-webkit-scrollbar-track,
+.el-table__body-wrapper::-webkit-scrollbar-track,
+.el-scrollbar__wrap::-webkit-scrollbar-track {
+ /*婊氬姩鏉￠噷闈㈣建閬�*/
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+ background: @background-color;
+ border-radius: 10px;
+}
+
+
+
+
+/*********瑙ｅ喅妯悜婊氬姩**/
+
+
/***********************************************鍔ㄧ敾鏁堟灉************/
.transition {
@@ -614,3 +669,28 @@
.fixed-table {
background: rgba(0, 16, 30, 1) !important;
}
+/****************************鎶ヨ〃浜岀骇瀛愬脊妗嗘牱寮�***/
+.el-tabs__nav-wrap::after{background: none;}
+.el-tabs__header{margin-bottom: 0.04rem;
+ .is-active{color: @color-highlight}
+}
+.el-tabs__active-bar{
+ background: @color-highlight;
+}
+
+.el-popover.popovers{
+ background: @background-color;
+ padding: 0;
+ border: 0.00521rem solid @color;
+ overflow: hidden;
+ box-shadow: 0 0 0.03rem @color;
+ .el-popover__title{color: #fff;margin: 0;padding:0.06rem; background: @background-color;border-bottom: 1px solid @background-color-split}
+ .refinery {
+ background-color: @background-color;
+
+ }
+ .waste-water{
+ background-color: @background-color;
+ }
+}
+
--
Gitblit v1.8.0