From 456e56673f209904901b39c3fb41ce3f9e9340d6 Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期三, 28 四月 2021 10:08:47 +0800 Subject: [PATCH] leaflet-tooltip 悬浮框 样式修改。 --- src/assets/css/map/map-panel-style.less | 24 ++++++++++++++++++++++-- src/assets/css/map/map-popup.less | 8 ++------ 2 files changed, 24 insertions(+), 8 deletions(-) diff --git a/src/assets/css/map/map-panel-style.less b/src/assets/css/map/map-panel-style.less index edb9f1c..76a400e 100644 --- a/src/assets/css/map/map-panel-style.less +++ b/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: " "; } -} \ No newline at end of file +} +.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;} diff --git a/src/assets/css/map/map-popup.less b/src/assets/css/map/map-popup.less index 4ab0b2e..a11db7f 100644 --- a/src/assets/css/map/map-popup.less +++ b/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; -- Gitblit v1.8.0