From ead4078079a71bbef43ffc22a7ea7fb0f4039bf0 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 28 十一月 2025 17:36:28 +0800
Subject: [PATCH] fix: bug
---
src/views/DataBoard/components/DataBoardCenterMapMark.vue | 50 ++++++++++++++++++++++++++++++++++----------------
1 files changed, 34 insertions(+), 16 deletions(-)
diff --git a/src/views/DataBoard/components/DataBoardCenterMapMark.vue b/src/views/DataBoard/components/DataBoardCenterMapMark.vue
index 1a1ed8f..047390f 100644
--- a/src/views/DataBoard/components/DataBoardCenterMapMark.vue
+++ b/src/views/DataBoard/components/DataBoardCenterMapMark.vue
@@ -4,8 +4,10 @@
<img :src="DataBoardMapInit" alt="" />
</div>
<div class="data-board-center-map-mark-item choose" v-else>
- <div class="data-board-center-map-mark-item-park">{{ parkName }}</div>
- <img :src="DataBoardMapChoose" alt="" />
+ <div class="data-board-center-map-mark-item-park">
+ <div class="data-board-center-map-mark-item-park-name">{{ parkName }}</div>
+ </div>
+ <img class="data-board-center-map-mark-item-img" :src="DataBoardMapChoose" alt="" />
</div>
</div>
</template>
@@ -61,22 +63,38 @@
&.choose {
position: relative;
-
- img {
- width: 100%;
- height: 100%;
- }
+ display: flex;
+ flex-direction: column;
.data-board-center-map-mark-item-park {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- font-size: 24px;
- line-height: 50px;
- font-family: YouSheBiaoTiHei Regular;
- text-align: center;
- color: #ffffff;
+ padding: 2px;
+ border-radius: 8px;
+ background-image: linear-gradient(
+ to bottom,
+ rgba(248, 255, 156, 0.5),
+ rgba(193, 245, 6, 0.5)
+ );
+
+ .data-board-center-map-mark-item-park-name {
+ padding: 12px 26px;
+ font-size: 24px;
+ font-family: YouSheBiaoTiHei Regular;
+ border-radius: 8px;
+ text-align: center;
+ color: #ffffff;
+ background: linear-gradient(
+ 180deg,
+ rgba(255, 176, 29, 0.8) 0%,
+ rgba(255, 210, 92, 0.8) 100%
+ );
+ line-height: 1;
+ word-break: keep-all;
+ }
+ }
+
+ .data-board-center-map-mark-item-img {
+ width: 96px;
+ height: 54px;
}
}
}
--
Gitblit v1.9.1