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/img/bg_top_right.png | 0
public/hn3d/example/img/bg_top_left.png | 0
public/hn3d/example/img/bg_top.png | 0
public/hn3d/example/00_hn_new.html | 34 +++++++++--------
public/hn3d/example/css/hn.css | 56 ++++++++++++++++++++++------
public/hn3d/example/css/style.css | 4 +-
6 files changed, 64 insertions(+), 30 deletions(-)
diff --git a/public/hn3d/example/00_hn_new.html b/public/hn3d/example/00_hn_new.html
index 8872be3..6f1c4ea 100644
--- a/public/hn3d/example/00_hn_new.html
+++ b/public/hn3d/example/00_hn_new.html
@@ -78,9 +78,11 @@
<div id="mars3dContainer" class="mars3d-container"></div>
<div class="infoview topWindows">
- <div>
- 鍗庤兘鐭虫礊鍙ｄ簩鍘傝瑙�
- </div>
+ <div class="topBox">
+ <div class="topLeft">1</div>
+ <div class="topCenter">鍗庤兘鐭虫礊鍙ｄ簩鍘備笁缁村疄鏃跺缓妯�</div>
+ <div class="topRight">3</div>
+ </div>
</div>
<div class="infoview bottomWindows">
@@ -101,19 +103,19 @@
<button type="button" id="meipeng_qiang_ding" class="btn btn-primary" style="width: 100%;">澧欓潰妫氶《</button>
<button type="button" id="meipeng_pati_madao" class="btn btn-primary" style="width: 100%;">鐖椹亾</button>
<button type="button" id="meipeng_tiejia" class="btn btn-primary" style="width: 100%;">閽㈢粨鏋勬灦</button>
- <button type="button" id="meipeng_dimian" class="btn btn-primary" style="width: 100%;">鐓ゆ鍦伴潰</button>
+ <!-- <button type="button" id="meipeng_dimian" class="btn btn-primary" style="width: 100%;">鐓ゆ鍦伴潰</button> -->
<button type="button" id="test_btn" class="btn btn-primary" style="width: 100%;">娴嬭瘯</button>
<button type="button" id="point_btn" class="btn btn-primary" style="width: 100%;">鐓ゅ爢</button>
</div>
<!-- 鏃堕棿绾� -->
- <div id="timeline">
- </div>
+ <!-- <div id="timeline">
+ </div> -->
<!-- 鏃ュ巻閫夋嫨妗� -->
- <div class="search" style="display: none;">
+ <div class="infoview infoWindows search" style="display: none">
<div class="container">
<form action="" class="form-horizontal">
<fieldset>
@@ -133,7 +135,7 @@
<input type="hidden" id="dtp_input1" value="" />
</fieldset>
</form>
- </div><br />
+ </div>
<button class="search_time_btn" style="background-color: #394582;">鏌ヨ</button>
</div>
@@ -758,14 +760,14 @@
tiejia_model.show = false;
}
});
- $("#meipeng_dimian").click(function () {
- console.log(dimian_model);
- if (dimian_model.show == false) {
- dimian_model.show = true;
- } else {
- dimian_model.show = false;
- }
- });
+ // $("#meipeng_dimian").click(function () {
+ // console.log(dimian_model);
+ // if (dimian_model.show == false) {
+ // dimian_model.show = true;
+ // } else {
+ // dimian_model.show = false;
+ // }
+ // });
// 鐐瑰嚮鏃堕棿杞村垏鎹㈢叅鍫嗘ā鍨�
$(document).on('click', '.time_box', function (e) {
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
diff --git a/public/hn3d/example/css/style.css b/public/hn3d/example/css/style.css
index 1d43fe3..b327997 100644
--- a/public/hn3d/example/css/style.css
+++ b/public/hn3d/example/css/style.css
@@ -362,9 +362,9 @@
font-size: 14px;
}
-.infoview > div {
+/* .infoview > div {
margin-top: 5px;
-}
+} */
.info-tips {
margin: 5px 10px 20px 10px;
diff --git a/public/hn3d/example/img/bg_top.png b/public/hn3d/example/img/bg_top.png
index f48f822..eee9728 100644
--- a/public/hn3d/example/img/bg_top.png
+++ b/public/hn3d/example/img/bg_top.png
Binary files differ
diff --git a/public/hn3d/example/img/bg_top_left.png b/public/hn3d/example/img/bg_top_left.png
new file mode 100644
index 0000000..7e4e36c
--- /dev/null
+++ b/public/hn3d/example/img/bg_top_left.png
Binary files differ
diff --git a/public/hn3d/example/img/bg_top_right.png b/public/hn3d/example/img/bg_top_right.png
new file mode 100644
index 0000000..126ab30
--- /dev/null
+++ b/public/hn3d/example/img/bg_top_right.png
Binary files differ
--
Gitblit v1.9.1