From 5443e7d3992e2cd54cd9020ed640f65e73aab2c6 Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Thu, 21 Nov 2024 15:37:26 +0800
Subject: [PATCH] 弹窗优化
---
src/pages/layout/components/scomponents/layersControl.vue | 8 +++++++-
src/styles/base/dc-base.scss | 11 ++++++++---
2 files changed, 15 insertions(+), 4 deletions(-)
diff --git a/src/pages/layout/components/scomponents/layersControl.vue b/src/pages/layout/components/scomponents/layersControl.vue
index 2294922..60fce45 100644
--- a/src/pages/layout/components/scomponents/layersControl.vue
+++ b/src/pages/layout/components/scomponents/layersControl.vue
@@ -166,7 +166,8 @@
addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
window.$viewer.addLayer(addPupoLayers[attrParams.name])
let iconEl = `<div class="marsBlueGradientPnl">
- <img src="${attrParams.imageUrl}" width="160" height="160" />
+ <div>${attrParams.fullName}</div>
+ <img src="${attrParams.imageUrl}" />
</div>`
let divIcon = new DC.DivIcon(
new DC.Position(attrParams.lng, attrParams.lat, 64),
@@ -205,6 +206,7 @@
addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
window.$viewer.addLayer(addPupoLayers[attrParams.name])
let iconEl = `<div class="marsBlueGradientPnl">
+ <div>${attrParams.fullName}</div>
<img src="${attrParams.imageUrl}" width="160" height="160" />
</div>`
let divIcon = new DC.DivIcon(
@@ -290,6 +292,7 @@
addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
window.$viewer.addLayer(addPupoLayers[attrParams.name])
let iconEl = `<div class="marsBlueGradientPnl">
+ <div>${attrParams.fullName}</div>
<img src="${attrParams.imageUrl}" width="160" height="160" />
</div>`
let divIcon = new DC.DivIcon(
@@ -330,6 +333,7 @@
addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
window.$viewer.addLayer(addPupoLayers[attrParams.name])
let iconEl = `<div class="marsBlueGradientPnl">
+ <div>${attrParams.fullName}</div>
<img src="${attrParams.imageUrl}" width="160" height="160" />
</div>`
let divIcon = new DC.DivIcon(
@@ -370,6 +374,7 @@
addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
window.$viewer.addLayer(addPupoLayers[attrParams.name])
let iconEl = `<div class="marsBlueGradientPnl">
+ <div>${attrParams.fullName}</div>
<img src="${attrParams.imageUrl}" width="160" height="160" />
</div>`
let divIcon = new DC.DivIcon(
@@ -410,6 +415,7 @@
addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
window.$viewer.addLayer(addPupoLayers[attrParams.name])
let iconEl = `<div class="marsBlueGradientPnl">
+ <div>${attrParams.fullName}</div>
<img src="${attrParams.imageUrl}" width="160" height="160" />
</div>`
let divIcon = new DC.DivIcon(
diff --git a/src/styles/base/dc-base.scss b/src/styles/base/dc-base.scss
index 768eda5..34cefc7 100644
--- a/src/styles/base/dc-base.scss
+++ b/src/styles/base/dc-base.scss
@@ -92,12 +92,12 @@
height: 10px;
transform: rotate(45deg);
z-index: -1;
- background-color: #3b96ff;
- // background: linear-gradient(to bottom, rgba(255, 0, 21, 0.8), rgb(255, 179, 0, 0.2));
+ // background-color: #3b96ff;
+ background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
}
.marsBlueGradientPnl {
- padding: 2px 2px;
+ // padding: 2px 2px;
text-align: center;
margin: 0;
color: #fff;
@@ -114,6 +114,11 @@
font-size: 14px;
background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
}
+
+ .marsBlueGradientPnl img {
+ width: 160px;
+ height: 160px;
+ }
}
.fxy-ordinary {
--
Gitblit v1.9.3