派生自 wuyushui/SewerAndRainNetwork
src/assets/css/map/map-panel-style.less
@@ -8,40 +8,45 @@ /*全局设置***********/ h1, h2, h3, h4, h5, h6, ul, li, p,i ,span,div{ 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; -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; } .rt{ float:right; .rt { float: right; } .lt{ float:left; .lt { float: left; } .el-button--mini, .el-button--mini.is-round{ .el-button--mini, .el-button--mini.is-round { padding: 0.02rem 0.04rem; } /*隐藏*/ .el-dialog__wrapper{ .el-dialog__wrapper { height: 0; } .el-dialog{ .el-dialog { margin: 0 !important; position: fixed; z-index: 2000; // left: 50%; //bottom:15px; .el-dialog__header{ // left: 50%; //bottom:15px; .el-dialog__header { border-bottom: 1px solid @background-color-split; } } i { font-style: normal } @@ -232,7 +237,8 @@ height: 16px; } } .el-button.hover{ .el-button.hover { color: @color-highlight; border: .00521rem solid @color-highlight; box-shadow: 0 0 .03rem @color-highlight; @@ -262,11 +268,12 @@ } .hover-bottom:hover, .hover-bottom.hover{ .hover-bottom.hover { box-shadow: 0 0 0.03rem #fff700 inset !important; color: #fff700 !important; cursor: pointer; } .active-button { border: 0.00521rem solid #fff700 !important; box-shadow: 0 0 0.03rem #fff700 !important; @@ -350,7 +357,8 @@ .company-bindTooltip-hover h3 { text-align: center; border-bottom: 1px solid #0B3B6D; border-bottom: 1px solid @background-color-split; color: @color-highlight; margin: 0; padding: 0; } @@ -375,6 +383,7 @@ .el-table { .cell { padding: 0 3px !important; i { display: block; font-style: normal; @@ -385,7 +394,7 @@ } .el-dialog--center .el-dialog__body{ .el-dialog--center .el-dialog__body { padding: 0.04rem; } @@ -418,18 +427,22 @@ .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 { border: 1px solid @background-color-split; } .el-table .has-gutter tr th .cell{ .el-table .has-gutter tr th .cell { color: #fff; } .el-table--border{ // border:1px solid @background-color-split; border:none .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--border::after, .el-table--group::after, .el-table::before { background: none; } .el-table .warning-row { @@ -449,9 +462,11 @@ padding: 0 !important; font-size: 0.01rem !important; } .el-scrollbar__wrap { } /*****滚动条***/ .scroll::-webkit-scrollbar, .s-map-popup-panel .el-tabs__content::-webkit-scrollbar, @@ -470,6 +485,7 @@ 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, @@ -481,10 +497,7 @@ } /*********解决横向滚动**/ /***********************************************动画效果************/ @@ -669,28 +682,129 @@ .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__nav-wrap::after { background: none; } .el-tabs__active-bar{ .el-tabs__header { margin-bottom: 0.04rem; .is-active { color: @color-highlight } } .el-tabs__active-bar { background: @color-highlight; } .el-popover.popovers{ .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} .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{ .waste-water { background-color: @background-color; } } .btn00fff6{ background: none;color:#00fff6;border-color:#00fff6 } .btn00fff6:hover{ background: @background-color;color:@color-highlight;border-color:@color-highlight } /****************************废水弹框公共样式***/ .echarts-box { .tab-scroll { display: flex; align-items: center; justify-content: space-between; .time-select { cursor: pointer; padding: 5px; border: 1px solid #2b87c8; border-radius: 4px; text-align: center; color: #fff; font-size: 11px; width: 280px; } } .echarts-form { height: 0.3rem; line-height: 0.3rem; .demonstration { color: #00fff6; font-size: 12px; margin-left: 10px; } .el-input__inner { height: 0.15rem; background-color: #2e4967; color: #fff; font-size: 12px; padding: 0; border-color: #00fff6; text-align: center; } .el-button { margin: 0 15px; width: 0.3rem; height: 0.15rem; display: inline-block; background-color: #2e4967; color: #fff; font-size: 12px; padding: 0; border-color: #00fff6; text-align: center; } } .el-icon-time:before { content: " "; } } .el-tabs--card>.el-tabs__header{ border-bottom-color: @background-color; } /************leaflet-tooltip 悬浮框样式统一修改************/ .leaflet-tooltip-top, .leaflet-tooltip-left, .leaflet-tooltip-right, .leaflet-tooltip-bottom{ background-color: @background-color; box-shadow: 0 0 0.03rem #00fff6; border-color: #00fff6; color: @color-highlight; >div{background-color: @background-color;color: #00fff6} } .leaflet-tooltip-top::before{border-top-color: @background-color;} .leaflet-tooltip-left::before{border-left-color: @background-color;} .leaflet-tooltip-right::before{border-right-color: @background-color;} .leaflet-tooltip-bottom::before{border-bottom-color: @background-color;}
