From 30205a382338c83461cad4524d9a01f5d3b3cbbb Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Tue, 03 Dec 2024 10:13:45 +0800
Subject: [PATCH] 企业应急空间调整
---
src/styles/base/dc-base.scss | 70 ++++++++++++++++++++++++++++++----
1 files changed, 61 insertions(+), 9 deletions(-)
diff --git a/src/styles/base/dc-base.scss b/src/styles/base/dc-base.scss
index 74835c1..3004572 100644
--- a/src/styles/base/dc-base.scss
+++ b/src/styles/base/dc-base.scss
@@ -85,20 +85,20 @@
&::after {
content: "";
position: absolute;
- bottom: -5px;
+ bottom: -10px;
left: calc(50% - 3px);
display: block;
- width: 10px;
- height: 10px;
- transform: rotate(45deg);
+ 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;
- // background-color: #3b96ff;
- box-shadow: inset 0 0 40px #409eff;
- // 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;
@@ -106,7 +106,7 @@
-moz-border-radius: 5px;
border-radius: 5px;
// line-height: 32px;
- width: 360px;
+ width: 112px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@@ -172,6 +172,58 @@
}
}
+.public-map-popup-qy {
+ 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;
+ text-align: center;
+ margin: 0;
+ color: #fff;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ // line-height: 32px;
+ width: 360px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ word-wrap: break-word;
+ font-size: 14px;
+ box-shadow: inset 0 0 40px #409eff;
+ // background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
+ }
+
+ .marsBlueGradientPnl img {
+ vertical-align: middle;
+ width: 360px;
+ height: 360px;
+ }
+}
+
.yjwz-height-box {
bottom: 120px;
--
Gitblit v1.9.3