From 1dee40ea46601f2ee5d10aa0190625ebf03bdc4e Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Mon, 02 Dec 2024 17:02:19 +0800
Subject: [PATCH] 1
---
src/styles/base/dc-base.scss | 70 ++++++++++++++++++++++++++++++++++
1 files changed, 69 insertions(+), 1 deletions(-)
diff --git a/src/styles/base/dc-base.scss b/src/styles/base/dc-base.scss
index 34cefc7..a762142 100644
--- a/src/styles/base/dc-base.scss
+++ b/src/styles/base/dc-base.scss
@@ -116,8 +116,74 @@
}
.marsBlueGradientPnl img {
+ vertical-align: middle;
width: 160px;
height: 160px;
+ }
+}
+
+.public-map-popup-three {
+ position: absolute;
+ bottom: 160px;
+ pointer-events: all;
+ display: block;
+ transform-origin: left bottom;
+ transform: translate(-50%, 0px);
+ border-radius: 5px;
+ z-index: auto;
+
+ &::after {
+ content: "";
+ position: absolute;
+ bottom: -10px;
+ left: calc(50% - 3px);
+ display: block;
+ width: 0;
+ height: 0;
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent;
+ border-bottom: 10px solid #69a7e4; // 三角形的颜色
+ transform: rotate(180deg);
+ z-index: -1;
+ }
+
+ .marsBlueGradientPnl {
+ padding: 2px 2px;
+ // position: absolute;
+ text-align: center;
+ margin: 0;
+ color: #fff;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ line-height: 25px;
+ width: 240px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ word-wrap: break-word;
+ font-size: 14px;
+ font-weight: bold;
+ box-shadow: inset 0 0 40px #409eff;
+ // background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
+ }
+}
+
+.yjwz-height-box {
+ bottom: 120px;
+
+ &::after {
+ content: "";
+ position: absolute;
+ bottom: -120px;
+ left: calc(50% - 3px);
+ display: block;
+ width: 3px;
+ height: 120px;
+ // 0px 0px 6px rgb(255, 179, 0, 0.8)
+ background: linear-gradient(to bottom, rgb(255, 179, 0, 0.8), rgb(255, 179, 0, 0.2));
+ // border-right: 3px solid #fff;
}
}
@@ -128,6 +194,7 @@
.map-name {
color: rgba(255, 201, 0, 1);
+ width: 240px;
}
.map-icon {
@@ -143,6 +210,7 @@
.map-name {
color: #ff3b3b;
+ width: 240px;
}
.map-icon {
@@ -157,7 +225,7 @@
}
.map-name {
- color: rgb(66, 165, 252);
+ color: #FFEB3B;
}
.map-icon {
--
Gitblit v1.9.3