From fc1c4ccc6fb29d8dbd475101047632f83b516a3d Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期二, 06 四月 2021 18:21:09 +0800 Subject: [PATCH] 修复bug --- src/assets/css/map/map-panel-style.less | 254 +++++++++++++++++++++++++++++++++++--------------- 1 files changed, 176 insertions(+), 78 deletions(-) diff --git a/src/assets/css/map/map-panel-style.less b/src/assets/css/map/map-panel-style.less index bb2b491..b806be3 100644 --- a/src/assets/css/map/map-panel-style.less +++ b/src/assets/css/map/map-panel-style.less @@ -1,82 +1,100 @@ @import "_map-variable"; -.el-button--primary{ - color: @color; - background-color: @background-color; - border-color: @color; + +/*鍏ㄥ眬璁剧疆***********/ +h1, h2, h3, h4, h5, h6, ul, li, p { + padding: 0; + margin: 0; + list-style: none; } -.el-tabs{ - .el-tabs__item{ - padding: 0 10px; - text-align: center; - height: 20px; - line-height: 20px; - color: @color; - cursor: pointer; - -ms-flex-negative: 0; - flex-shrink: 0; +.el-button--primary { + color: @color; + background-color: @background-color; + border-color: @color; +} + +.el-tabs { + .el-tabs__item { + padding: 0 10px; + text-align: center; + height: 20px; + line-height: 20px; + color: @color; + cursor: pointer; + -ms-flex-negative: 0; + flex-shrink: 0; } } -.el-tabs__header{ + +.el-tabs__header { font-size: .08333rem; line-height: .10938rem; - background: rgba(0,255,246,.14); + + background: rgba(0, 255, 246, .14); + + // background: rgba(0,255,246,.14); } -.el-dialog{ + +.el-dialog { border: 0.00521rem solid @color; box-shadow: 0 0 0.03rem @color; background: rgba(0, 16, 30, 0.8); border-radius: 0.05208rem; - .el-dialog__title{ + .el-dialog__title { padding: .03125rem .08333rem; color: @color; cursor: pointer; flex-shrink: 0; } } -.select-down { - border: none !important; - background-color: @background-color ; - //.el-scrollbar{ - // - // background-color: @background-color !important; - // } - // .el-scrollbar__view .el-select-dropdown__list{ - // background-color: @background-color !important; - // } - .el-select-dropdown__item.hover{ - background-color: @background-color-light; - } - .el-select-dropdown__item { - color: @color; - //background-color: @background-color; - } - // .el-select-dropdown{ - // border: none !important; - // background-color: @background-color !important; - // } - // .el-select-dropdown__empty{ - // color: @color; - // background-color: @background-color; - // } - .popper__arrow::after{ - border-bottom-color: @color ; - } +.select-down { + border: none !important; + background-color: @background-color; + + //.el-scrollbar{ + // + // background-color: @background-color !important; + // } + // .el-scrollbar__view .el-select-dropdown__list{ + // background-color: @background-color !important; + // } + .el-select-dropdown__item.hover { + background-color: @background-color-light; + } + + .el-select-dropdown__item { + color: @color; + //background-color: @background-color; + } + + // .el-select-dropdown{ + // border: none !important; + // background-color: @background-color !important; + // } + // .el-select-dropdown__empty{ + // color: @color; + // background-color: @background-color; + // } + .popper__arrow::after { + border-bottom-color: @color; + } } -.el-tabs{ +.el-tabs { .el-tabs__item { height: 40px; line-height: 40px; } } -.el-table th, .el-table tr{ + +.el-table th, .el-table tr { background-color: transparent; } -.el-table{ + +.el-table { color: @color; background: transparent; @@ -84,45 +102,52 @@ color: #ffffff; font-weight: 500; } - thead.is-group th{ + + thead.is-group th { background: transparent; } + .el-table__expanded-cell { - background: transparent; - } -} -.map-input{ - input{ - border-radius: 0; - background-color: @background-color-light ; - border: solid 1px @color ; + background: transparent; } } -.map-tooltip.is-dark{ - font-size: .08333rem ; - color: @color-highlight ; - background: @background-color ; +.map-input { + input { + border-radius: 0; + background-color: @background-color-light; + border: solid 1px @color; + } +} + +.map-tooltip.is-dark { + font-size: .08333rem; + color: @color-highlight; + background: @background-color; border-radius: .03rem; - padding: .05rem ; + padding: .05rem; } -.map-btn-unactive{ - color: @color ; - border: .00521rem solid @color ; - box-shadow: 0 0 .03rem @color ; + +.map-btn-unactive { + color: @color; + border: .00521rem solid @color; + box-shadow: 0 0 .03rem @color; } -.map-btn-active{ - color: @color-highlight ; - border: .00521rem solid @color-highlight ; - box-shadow: 0 0 .03rem @color-highlight ; + +.map-btn-active { + color: @color-highlight; + border: .00521rem solid @color-highlight; + box-shadow: 0 0 .03rem @color-highlight; } -.map-btn-background{ + +.map-btn-background { background: @background-color; //border: .00521rem solid @color; //box-shadow: 0 0 .03rem @color; //border-radius: .05208rem; } -.map-background{ + +.map-background { //color: @color; border: .00521rem solid @color; box-shadow: 0 0 .03rem @color; @@ -130,26 +155,99 @@ //padding: .05rem !important; border-radius: .05208rem; } + .map-under-line { height: 1px; background: @background-color-split; margin-block-start: 0; margin-block-end: 0; } + .tools-panel-content { - border: 1px solid @background-color-tools; - background: @background-color-tools; + //position: absolute; + //top: 60px; + //left: 55px; + background: @background-color; + border: 0.00521rem solid @color-shadow; padding: 0; + //width: 90px; + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + margin-left: 55px; + .el-button { padding: 0; - margin: 10px; - width: 45px; - height: 45px; + margin: 5px; + width: 30px; + height: 30px; background: @background-color-tools; vertical-align: middle !important; + img { width: 16px; height: 16px; } } } + +.leaflet-control-easyPrint .leaflet-bar .leaflet-control { + display: none; +} + +.popper__arrow { + display: none !important; +} + +.el-tabs--card > .el-tabs__header .el-tabs__nav { + border: none; +} + +.el-tabs--card > .el-tabs__header .el-tabs__item { + border: none; + margin-left: 10px; +} + + +/***************Company 鍥惧眰 鎮诞妗嗘牱寮忋��*********************************/ +.company-bindTooltip { + background: none; + border: none; + color: red; + font-size: 16px; + font-weight: 900 !important; + text-shadow: 0 0 5px #fff; + box-shadow: none; +} + +.company-bindTooltip-hover h3 { + text-align: center; + border-bottom: 1px solid #0B3B6D; + margin: 0; + padding: 0; +} + +.company-bindTooltip-hover ul { + list-style: none; + margin: 0; + padding: 0; + width: 260px; + display: flex; + flex-wrap: wrap; +} + +.company-bindTooltip-hover ul li { + margin: 0; + padding: 3px 0; + width: 50%; +} + +/*************** PublicTable 琛ㄦ牸鏍峰紡銆�*********************************/ +.cell { + padding: 0; +} + +.el-table .cell, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell { + /* padding-left: 10px; */ + text-align: center; +} \ No newline at end of file -- Gitblit v1.8.0