|
@@ -29,6 +29,9 @@ rgba($color: #020f2a, $alpha: 1);
|
|
|
$boxBG: 180deg, rgba($color: #0d2760, $alpha: 1),
|
|
|
rgba($color: #081a41, $alpha: 1);
|
|
|
|
|
|
+$popupBG:180deg, rgba($color: #1541a0, $alpha: 1),
|
|
|
+rgba($color: #3566d0, $alpha: 1);
|
|
|
+
|
|
|
//内阴影
|
|
|
$shadowList: 0 0 1rem 0 rgba($color: #0b1b25, $alpha: .8);
|
|
|
$shadowTitle: 0 -0.2rem .5rem 0.3rem rgba($color: #0dc0db, $alpha: .09) inset;
|
|
@@ -228,6 +231,40 @@ ul {
|
|
|
height: 100vh;
|
|
|
}
|
|
|
|
|
|
+ //超图气泡
|
|
|
+ .leaflet-popup-content-wrapper {
|
|
|
+ // padding: 15px 20px !important;
|
|
|
+ background-image: -moz-linear-gradient($popupBG)!important;
|
|
|
+ background-image: -webkit-linear-gradient($popupBG) !important;
|
|
|
+ background-image: linear-gradient($popupBG)!important;
|
|
|
+ box-shadow: $shadowTitle !important;
|
|
|
+ color: #3cd7ef !important;
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+.leaflet-popup-tip{
|
|
|
+ background: #3061c9 !important;
|
|
|
+ color: #333;
|
|
|
+ box-shadow:none !important;
|
|
|
+}
|
|
|
+ //超图气泡内插槽
|
|
|
+ .map-tip {
|
|
|
+ .d-l-con {
|
|
|
+ width: 100%;
|
|
|
+ box-shadow: none;
|
|
|
+
|
|
|
+ .d-l-l-text {
|
|
|
+ width: 100%;
|
|
|
+ //white-space: nowrap;
|
|
|
+
|
|
|
+ h4 {
|
|
|
+ // display: flex;
|
|
|
+ color:$white;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
div::-webkit-scrollbar {
|
|
|
display: none;
|
|
|
}
|
|
@@ -822,8 +859,8 @@ div::-webkit-scrollbar {
|
|
|
|
|
|
.el-collapse-item__arrow {
|
|
|
color: $inBlue;
|
|
|
- position: relative;
|
|
|
- left: -20.5rem;
|
|
|
+ position: absolute;
|
|
|
+ left: 1rem;
|
|
|
margin: 0;
|
|
|
}
|
|
|
|
|
@@ -1127,8 +1164,8 @@ div::-webkit-scrollbar {
|
|
|
|
|
|
.el-collapse-item__arrow {
|
|
|
color: $inBlue;
|
|
|
- position: relative;
|
|
|
- left: -20.5rem;
|
|
|
+ position: absolute;
|
|
|
+ left: 1rem;
|
|
|
margin: 0;
|
|
|
}
|
|
|
|
|
@@ -1346,33 +1383,18 @@ div::-webkit-scrollbar {
|
|
|
background: linear-gradient($conBg);
|
|
|
position: absolute;
|
|
|
|
|
|
- .el-input__inner {
|
|
|
- border: 1px $searchBorder;
|
|
|
- background-color: $searchBG;
|
|
|
- color: $inBlue;
|
|
|
- }
|
|
|
// 2.5D地图显示
|
|
|
.cesium-infoBox{
|
|
|
z-index: 9999 !important;
|
|
|
|
|
|
}
|
|
|
- .map-tip {
|
|
|
- .d-l-con {
|
|
|
- width: 100%;
|
|
|
- box-shadow: none;
|
|
|
-
|
|
|
- .d-l-l-text {
|
|
|
- width: 100%;
|
|
|
- white-space: nowrap;
|
|
|
-
|
|
|
- h4 {
|
|
|
- display: flex;
|
|
|
- color: #ffffff;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .el-input__inner {
|
|
|
+ border: 1px $searchBorder;
|
|
|
+ background-color: $searchBG;
|
|
|
+ color: $inBlue;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
//收起展开
|
|
|
.mascot {
|
|
|
position: fixed;
|
|
@@ -1796,8 +1818,8 @@ div::-webkit-scrollbar {
|
|
|
|
|
|
.el-collapse-item__arrow {
|
|
|
color: $inBlue;
|
|
|
- position: relative;
|
|
|
- left: -20.5rem;
|
|
|
+ position: absolute;
|
|
|
+ left: 1rem;
|
|
|
margin: 0;
|
|
|
}
|
|
|
|
|
@@ -2164,13 +2186,16 @@ div::-webkit-scrollbar {
|
|
|
max-width: 90%;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.d-l-l-text {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex: 1;
|
|
|
color: $fListTitle;
|
|
|
padding: .2rem;
|
|
|
-
|
|
|
+ .el-tooltip__popper{
|
|
|
+ width: 100px;
|
|
|
+ }
|
|
|
h4 {
|
|
|
font-size: .7rem;
|
|
|
margin: 0;
|
|
@@ -2514,7 +2539,7 @@ div::-webkit-scrollbar {
|
|
|
width: fit-content;
|
|
|
background-color: $eventStateColor-qr;
|
|
|
color: $white;
|
|
|
- padding:0.25rem 0.4rem;
|
|
|
+ padding:0.25rem 0.4rem;
|
|
|
margin-left: -.5rem;
|
|
|
margin-bottom: .2rem;
|
|
|
border-radius: .2rem;
|