From c98f5558bccd7744f61cc25367e98e56598f0ebd Mon Sep 17 00:00:00 2001
From: Junjie <fallin.jie@qq.com>
Date: 星期六, 03 六月 2023 12:45:27 +0800
Subject: [PATCH] 地图编辑器增加隐藏显示按钮
---
src/main/webapp/views/home/map.html | 83 +++++++++++++++--------------------------
1 files changed, 30 insertions(+), 53 deletions(-)
diff --git a/src/main/webapp/views/home/map.html b/src/main/webapp/views/home/map.html
index 6cee423..0c01d84 100644
--- a/src/main/webapp/views/home/map.html
+++ b/src/main/webapp/views/home/map.html
@@ -18,19 +18,6 @@
margin-top: 1px;
}
- .pointBox {
- background: #bababa;
- width: 40px;
- height: 40px;
- margin-right: 1px;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 14px;
- user-select: none;
- color: #fff;
- }
-
/*.pointBox {*/
/* background: #bababa;*/
/* width: 40px;*/
@@ -42,45 +29,34 @@
/* font-size: 14px;*/
/* user-select: none;*/
/* color: #fff;*/
- /* transform: perspective(70px) rotateX(30deg) translateZ(-10px);*/
- /* box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);*/
/*}*/
- /*.pointBox {*/
- /* width: 100px;*/
- /* height: 100px;*/
- /* transform-style: preserve-3d;*/
- /* transform: rotateX(45deg) rotateY(45deg);*/
- /* box-shadow: -5px 5px 5px rgba(0,0,0,0.5);*/
- /* background: #e5e5e5;*/
- /* position: relative;*/
- /*}*/
-
- /*.pointBox:before, .cube:after {*/
- /* content: "";*/
- /* position: absolute;*/
- /* top: 0;*/
- /* left: 0;*/
- /* right: 0;*/
- /* bottom: 0;*/
- /* background: inherit;*/
- /* box-shadow: inherit;*/
- /*}*/
-
- /*!*.pointBox:before {*!*/
- /*!* transform: rotateY(90deg);*!*/
- /*!*}*!*/
-
- /*!*.pointBox:after {*!*/
- /*!* transform: rotateX(90deg);*!*/
- /*!*}*!*/
+ .pointBox {
+ background: #fffef9;
+ width: 40px;
+ height: 40px;
+ margin-right: 1px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 14px;
+ user-select: none;
+ color: #fff;
+ /*transform: perspective(130px) rotateX(30deg) translateZ(-20px);*/
+ box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
+ /*border-radius: 50% 20% / 10% 40%;*/
+ }
.pointBox:hover{
- background: #00ff7f;
+ /*background: #20a162;*/
+ /*background: #55bb8a;*/
+ background: #945833;
+ /*background: #20894d;*/
}
.pointBoxEmpty {
- background: #c2c934;
+ /*background: #12a182;*/
+ background: #57c3c2;
}
.pointBoxOut {
@@ -92,19 +68,19 @@
}
.pointBoxInYy {
- background: #fa736f;
+ background: #e2c027;
}
.pointBoxGreen {
- background: #00ff7f;
+ background: #945833;
}
.pointBoxBlue {
- background: #55aaff;
+ background: #89BCEF;
}
.pointBoxRed {
- background: #ff0000;
+ background: #ee4866;
}
.pointBoxStart {
@@ -124,15 +100,16 @@
}
.pointBoxDefault {
- background: #86779d;
+ background: #f9f4dc;
}
.pointBoxSelected {
- background: #00ff7f !important;
+ /*background: #945833 !important;*/
+ background: #20894d !important;
}
.pointBoxSearch {
- background: #9900ff;
+ background: #8076a3;
}
.crnLine{
@@ -557,7 +534,7 @@
<div style="font-size: 10px;">閫夋嫨缁撴灉</div><div class="pointBox pointBoxSelected"></div>
</div>
<div style="flex: 1;margin-top: 10px;">
- <div style="font-size: 10px;">鍏朵粬</div><div class="pointBox pointBoxDefault">鍏朵粬</div>
+ <div style="font-size: 10px;text-align: center">鍏朵粬</div><div class="pointBox pointBoxDefault"></div>
</div>
</div>
</div>
--
Gitblit v1.9.1