leaflet-tooltip 悬浮框 样式修改。

chenyabin

2021-04-28 456e56673f209904901b39c3fb41ce3f9e9340d6

leaflet-tooltip 悬浮框 样式修改。

 src/assets/css/map/map-panel-style.less

@@ -357,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;
}
@@ -787,4 +788,23 @@
  .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;}

 src/assets/css/map/map-popup.less

@@ -26,12 +26,8 @@
        position: absolute;
        left: 50%;
        bottom: -.03rem;
        -webkit-transform: translateX(-50%) rotate(
                        45deg
        );
        transform: translateX(-50%) rotate(
                        45deg
        );
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        width: .06rem;
        height: .06rem;
        background-color: @background-color;