From cdc5d53cb0f338685bf9e5d4d78b02d6c8867d9b Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 09 Nov 2024 15:55:49 +0800
Subject: [PATCH] turf引入 图片静态资源引入 增加污染物处理菜单 风险源、企业分布上图样式调整 企业详情初始化定位调整

---
 src/styles/base/dc-base.scss |   51 +++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 37 insertions(+), 14 deletions(-)

diff --git a/src/styles/base/dc-base.scss b/src/styles/base/dc-base.scss
index fd0295d..68be596 100644
--- a/src/styles/base/dc-base.scss
+++ b/src/styles/base/dc-base.scss
@@ -4,38 +4,61 @@
 
 .public-map-popup {
   position: absolute;
-  bottom: 60px;
+  bottom: 80px;
   pointer-events: all;
   display: block;
   transform-origin: left bottom;
   transform: translate(-50%, 0px);
+  border-radius: 5px;
   z-index: auto;
 
+  &::after {
+    content: "";
+    position: absolute;
+    bottom: -80px;
+    left: calc(50% - 3px);
+    display: block;
+    width: 3px;
+    height: 80px;
+    border-right: 3px solid #fff;
+  }
+
   .marsBlueGradientPnl {
+    padding: 4px 8px;
     text-align: center;
-    padding: 5px 30px;
     margin: 0;
     color: #fff;
-    background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
-    max-height: 130px;
+    line-height: 32px;
+    width: 112px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-    white-space: nowrap;
+    word-wrap: break-word;
+    font-size: 14px;
+    background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
+  }
 
-    &::after {
-      content: "";
-      position: absolute;
-      bottom: -60px;
-      left: calc(50% - 3px);
-      display: block;
-      width: 3px;
-      height: 60px;
-      border-right: 3px solid #2bcdbb;
+  .map-name {
+    width: 112px;
+    line-height: 24px;
+    text-align: center;
+    color: #FFEB3B;
+    word-wrap: break-word;
+    font-size: 14px;
+    font-weight: bold;
+  }
+
+  .map-icon {
+    display: flex;
+    justify-content: center;
+
+    img {
+      width: 40px;
+      height: 40px;
     }
   }
 }
\ No newline at end of file

--
Gitblit v1.9.3