From 562a7e1980b420e43fda81215e0f2e3cf9e3363a Mon Sep 17 00:00:00 2001 From: LSH Date: 星期四, 25 五月 2023 17:03:09 +0800 Subject: [PATCH] # --- src/main/webapp/views/home/map.html | 80 ++++++++++++++-------------------------- 1 files changed, 28 insertions(+), 52 deletions(-) diff --git a/src/main/webapp/views/home/map.html b/src/main/webapp/views/home/map.html index 6cee423..5347b99 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,33 @@ /* 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); + } .pointBox:hover{ - background: #00ff7f; + /*background: #20a162;*/ + /*background: #55bb8a;*/ + background: #945833; + /*background: #20894d;*/ } .pointBoxEmpty { - background: #c2c934; + /*background: #12a182;*/ + background: #57c3c2; } .pointBoxOut { @@ -92,7 +67,7 @@ } .pointBoxInYy { - background: #fa736f; + background: #e2c027; } .pointBoxGreen { @@ -100,11 +75,11 @@ } .pointBoxBlue { - background: #55aaff; + background: #89BCEF; } .pointBoxRed { - background: #ff0000; + background: #ee4866; } .pointBoxStart { @@ -124,15 +99,16 @@ } .pointBoxDefault { - background: #86779d; + background: #f9f4dc; } .pointBoxSelected { - background: #00ff7f !important; + /*background: #945833 !important;*/ + background: #20894d !important; } .pointBoxSearch { - background: #9900ff; + background: #8076a3; } .crnLine{ @@ -557,7 +533,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