From c5010cc5d99b75413c96c3335c1d0eb3d6a8e42a Mon Sep 17 00:00:00 2001
From: zhaoxing <zhaoxing@shsening.com>
Date: 星期二, 02 八月 2022 15:26:53 +0800
Subject: [PATCH] 更改界面

---
 public/hn3d/example/css/hn.css |   56 ++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 44 insertions(+), 12 deletions(-)

diff --git a/public/hn3d/example/css/hn.css b/public/hn3d/example/css/hn.css
index 49783a0..9619b12 100644
--- a/public/hn3d/example/css/hn.css
+++ b/public/hn3d/example/css/hn.css
@@ -18,27 +18,45 @@
     top: 0;
     left: 0;   
     right: 0;
-    height: 107px;
-    background: url(../img/bg_top.png) no-repeat center top;
-    background-size: auto 100%;
+    color: #fff;
+    background: rgba(9, 20, 33, 0.9);
     border: none;
     box-shadow: none;
+    padding-top: 0;
+    padding-bottom: 0;
 }
-.topWindows > div{
-    margin: 0 auto;
+.topBox{
+    display: flex;
+    height: 60px;
+    background-image:url(../img/bg_top_left.png), url(../img/bg_top_right.png);
+    background-repeat: no-repeat;
+    background-position: left center, right center;
+}
+.topLeft{
+    flex: 1;
+    text-align: left;
+}
+.topCenter{
+    margin-top: 4px;
+    padding-top: 2px;
+    width: 796px;
+    height: 50px;
+    font-size: 22px;
+    font-weight: bold;
     text-align: center;
-    font-size: 24px;
-    font-weight: 400;
-    line-height: 32px;
-    color: #fff;
+    color: #5BEDF6;
+    background: url(../img/bg_top.png) no-repeat;
+}
+.topRight{
+    flex: 1;
+    text-align: right;
 }
 .bottomWindows{
     bottom: 0;
     left: 0;   
     right: 0;
-    height: 60px;
-    background: url(../img/bg_bottom.png) no-repeat center bottom;
-    background-size: auto 100%;
+    height: 56px;
+    background: rgba(9, 20, 33, 0.9);
     border: none;
     box-shadow: none;
 }
@@ -74,4 +92,18 @@
 .mars3d-locationbar{
     display: none;
     visibility: hidden;
+}
+/*鑷畾涔夎疆鐩樺畾浣�*/
+.mars3d-compass{
+    bottom: 377px!important;
+    right: 24px!important;
+}
+/*鑷畾涔夊伐鍏锋爮瀹氫綅*/
+.cesium-viewer-toolbar{
+    right: 17px!important;
+}
+/*鑷畾涔夋椂闂磋酱瀹氫綅*/
+.mars3d-clockAnimate,
+.cesium-viewer-timelineContainer{
+    bottom: 56px;
 }
\ No newline at end of file

--
Gitblit v1.9.1