From 82495c96ce9eee59d54ccdb4acbf38d9b129e5cd Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期二, 13 四月 2021 16:01:24 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/assets/css/map/map-panel-style.less | 251 +++++++++++++++++++++++++++++++++++--------------- 1 files changed, 176 insertions(+), 75 deletions(-) diff --git a/src/assets/css/map/map-panel-style.less b/src/assets/css/map/map-panel-style.less index 2f70562..e556ee1 100644 --- a/src/assets/css/map/map-panel-style.less +++ b/src/assets/css/map/map-panel-style.less @@ -1,9 +1,11 @@ @import "_map-variable"; + .leaflet-container, -html,body{ - // font-family: 'Microsoft YaHei'; +html, body { + // font-family: 'Microsoft YaHei'; font: 12px/1.5 "Microsoft YaHei", Arial, Helvetica, sans-serif; } + /*鍏ㄥ眬璁剧疆***********/ h1, h2, h3, h4, h5, h6, ul, li, p { padding: 0; @@ -11,7 +13,9 @@ list-style: none; } -i{font-style: normal} +i { + font-style: normal +} .el-button--primary { color: @color; @@ -111,6 +115,7 @@ thead.is-group th { background: transparent; + padding:0 } .el-table__expanded-cell { @@ -214,60 +219,75 @@ margin-left: 10px; } -.el-scrollbar__wrap{ +.el-scrollbar__wrap { } + .el-scrollbar__wrap::-webkit-scrollbar { /*婊氬姩鏉℃暣浣撴牱寮�*/ - width : 5px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ + width: 5px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 1px; } + .el-scrollbar__wrap::-webkit-scrollbar-thumb { /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ - border-radius : 10px; + 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; + 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; } + /*******************鎿嶄綔鎸夐挳鐐瑰嚮閫変腑鏁翠綋鏍峰紡******************************/ -.el-button{ +.el-button { } + .hover-bottom:hover, -.active-button{ +.active-button { border: 0.00521rem solid #fff700 !important; box-shadow: 0 0 0.03rem #fff700 !important; - color:#fff700 !important; + color: #fff700 !important; } /***************Company 鍥惧眰 鎮诞妗嗘牱寮忋��*********************************/ -.company-bindTooltip{ +.company-bindTooltip { position: absolute; - top:0; + top: 0; left: 0; display: flex; justify-content: center; justify-items: center; - img{display: block;width: 30px;height: 30px;margin-left: -15px;margin-top: -15px} - ul{ + + img { + display: block; + width: 30px; + height: 30px; + margin-left: -15px; + margin-top: -15px + } + + ul { width: 120px; margin-left: -60px; text-align: center; display: flex; position: absolute; - top:20px; - left:0; - li{ + top: 20px; + left: 0; + + li { position: absolute; - top:0; - left:0; + top: 0; + left: 0; width: 100%; font-weight: 900; text-shadow: 0 0 4px #fff; @@ -279,6 +299,7 @@ } } } + /*.company-bindTooltip { //background: @background-color-split; background: none; @@ -308,7 +329,7 @@ } } }*/ -.company-bindTooltip:before{ +.company-bindTooltip:before { display: none; } @@ -336,16 +357,19 @@ /*************** PublicTable 琛ㄦ牸鏍峰紡銆�*********************************/ -.el-table{ - border-bottom: 1px solid #fff; +.el-table { + border: 1px solid #396d83 !important; + .el-table__body-wrapper::-webkit-scrollbar { width: 0; height: 0; background: none; } - .cell{ + + .cell { padding: 0 3px !important; - i{ + + i { display: block; font-style: normal; font-size: 10px; @@ -353,25 +377,34 @@ } } } -.el-table--border th{ + +.el-table--border th { border-right: none; border-left: 1px solid #ddd; } -.el-table--border th.gutter{border-left: none} + +.el-table--border th.gutter { + border-left: none +} .el-table .cell, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell { text-align: center; } -.el-table th>.cell { + +.el-table th > .cell { + border: 1px #396d83 solid; color: #00fff6; } -.el-table__row>td{ + +.el-table__row > td { border: none; } -.el-table::before {//鍘绘帀鏈�涓嬮潰鐨勯偅涓�鏉$嚎 + +.el-table::before { //鍘绘帀鏈�涓嬮潰鐨勯偅涓�鏉$嚎 height: 0; } + .el-table td, .el-table th.is-leaf { font-size: 0.08rem; } @@ -383,21 +416,24 @@ .el-table .success-row { background: #30455f; } -.el-table tbody tr:hover>td { - background-color:#28304d !important; + +.el-table tbody tr:hover > td { + background-color: #28304d !important; } + //淇敼琛ㄦ牸楂樺害 .el-table td { - padding: 0!important; + padding: 0 !important; font-size: 0.01rem !important; } /***********************************************鍔ㄧ敾鏁堟灉************/ -.transition{ +.transition { transition: all .5s; - /* transform-origin: top left;*/ + /* transform-origin: top left;*/ animation: bounce-in .2s; } + @keyframes bounce-in { 0% { transform: scale(0); @@ -408,9 +444,10 @@ opacity: 1; } } + /**map 椤甸潰鍥炬爣鎸夐挳*/ .iconBtn { - width:0.26rem; + width: 0.26rem; height: 0.26rem; text-align: center; background: rgba(0, 16, 30, 0.5); @@ -423,14 +460,16 @@ justify-content: center; justify-items: center; border-radius: 0.03rem; - .icon{ + + .icon { width: 20px; margin: 0 auto; font-size: 20px; } } -.panel-title{ + +.panel-title { color: @color-title; font-size: 18px; padding: 10px; @@ -442,61 +481,123 @@ } -.el-picker-panel{ +.el-picker-panel { background: @background-color; - border-color:@color; - color:@color; - .el-picker-panel__body-wrapper{ + border-color: @color; + color: @color; + + .el-picker-panel__body-wrapper { background: @background-color; } - .el-input__inner{ - background:@background-color; - border-color:@color; - } - .el-date-table td.today span{ - color:@color-highlight; - } - .el-picker-panel__footer{ + + .el-input__inner { background: @background-color; - border-top-color:@color; + border-color: @color; } - .el-date-table th{ - border-bottom-color:@color; + + .el-date-table td.today span { + color: @color-highlight; } - .el-button{ + + .el-picker-panel__footer { background: @background-color; - color:@color; - border-color:@color; + border-top-color: @color; } - .el-button--text{ + + .el-date-table th { + border-bottom-color: @color; + } + + .el-button { + background: @background-color; + color: @color; + border-color: @color; + } + + .el-button--text { padding: 7px 15px; } - .el-button:hover{ + + .el-button:hover { background: @background-color; - color:@color-highlight; - border-color:@color-highlight; + color: @color-highlight; + border-color: @color-highlight; } - .el-input__inner{ - color:#fff; + + .el-input__inner { + color: #fff; text-align: center; } - .el-date-picker__time-header{ - border-bottom-color:@background-color-split; + + .el-date-picker__time-header { + border-bottom-color: @background-color-split; } - .el-date-picker__header-label{color:#fff} + + .el-date-picker__header-label { + color: #fff + } } -.el-select-dropdown{ + +.el-select-dropdown { background: @background-color; - border-color:@color; - color:@color; - .el-select-dropdown__item{ - color:#fff; + border-color: @color; + color: @color; + + .el-select-dropdown__item { + color: #fff; } - .el-select-dropdown__item.hover{ + + .el-select-dropdown__item.hover { background: @background-color; - box-shadow: 0 0 5px @color-highlight inset; + box-shadow: 0 0 5px @color-highlight inset; } - .el-select-dropdown__item.selected{ - color:@color-highlight; + + .el-select-dropdown__item.selected { + color: @color-highlight; } - } \ No newline at end of file +} + +/***********************************************鍙充晶绠$嚎鐩稿叧************/ +.el-tabs__header { + background: none; +} + +.el-tabs--top .el-tabs__item.is-top:nth-child(2) { + padding-left: 20px; +} +.el-tabs--border-card { + background: none; + border: none; + box-shadow: none; +} +.el-tabs--border-card>.el-tabs__header { + background: none; + border-bottom: none; + margin: 0; +} +.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active { + color: #409EFF; + background: none; + border: none; +} +.el-tabs--border-card>.el-tabs__header .el-tabs__item { + border: none; +} +.panel-right ::-webkit-scrollbar-thumb { + background: none; + border: none; +} +.el-card { + margin-top: 15px; + background: rgba(0, 16, 30, 0.5); + border: 0.00521rem solid @color; + box-shadow: 0 0 0.03rem @color; +} +.clearfix { + display: inline-block; + color: #ffffff; + margin: 15px 0; +} +.fixed-table { + background: rgba(0, 16, 30, 1); +} -- Gitblit v1.8.0