From cb5ad0664015dca29f38a1ca307cfa4028f6c29e Mon Sep 17 00:00:00 2001
From: zhaoxing <zhaoxing@shsening.com>
Date: 星期一, 20 六月 2022 10:10:48 +0800
Subject: [PATCH] 修改样式
---
public/hn3d/example/img/bg_total1.png | 0
public/hn3d/example/00_hn_new.html | 24 +++++-------
public/hn3d/example/css/hn.css | 64 ++++++++++++++++++++++++++++---
public/hn3d/example/css/style.css | 3 -
public/hn3d/example/img/bg_total.png | 0
5 files changed, 67 insertions(+), 24 deletions(-)
diff --git a/public/hn3d/example/00_hn_new.html b/public/hn3d/example/00_hn_new.html
index 8b14f9c..e9d57fc 100644
--- a/public/hn3d/example/00_hn_new.html
+++ b/public/hn3d/example/00_hn_new.html
@@ -18,20 +18,10 @@
include="jquery,font-awesome,bootstrap,layer,haoutil,mars3d"></script>
<link href="./css/style.css" rel="stylesheet" />
+ <link href="./css/hn.css" rel="stylesheet" />
<link rel="stylesheet" href="./css/time_search.css">
<link rel="stylesheet" href="./js/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.css">
<style>
- .btn-primary {
- margin: 2px;
- padding: auto 16px
- }
-
- .handle {
- top: 30%;
- width: 120px;
- text-align: center
- }
-
.disable {
pointer-events: none;
}
@@ -78,16 +68,22 @@
<div id="mars3dContainer" class="mars3d-container"></div>
- <div class="infoview">
+ <div class="infoview topWindows">
<div>
- 鍗庤兘鐭虫礊鍙ｄ簩鍘傝瑙掞細
+ 鍗庤兘鐭虫礊鍙ｄ簩鍘傝瑙�
+ </div>
+ </div>
+
+ <div class="infoview bottomWindows">
+ <div>
<input id="changqu_btn" type="button" class="btn btn-primary" value="鍘傚尯" />
<input id="meipeng_btn" type="button" class="btn btn-primary" value="鐓ゆ" />
<input id="pengnei_btn" type="button" class="btn btn-primary" value="妫氬唴" />
</div>
</div>
+
<!-- 鎿嶄綔鎸夐挳鏍� -->
- <div class="infoview handle">
+ <div class="infoview infoWindows handle">
<button type="button" id="meipeng" class="btn btn-primary active" style="width: 100%;">鐓ゆ鏁翠綋</button>
<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>
diff --git a/public/hn3d/example/css/hn.css b/public/hn3d/example/css/hn.css
index 20e3caf..337411e 100644
--- a/public/hn3d/example/css/hn.css
+++ b/public/hn3d/example/css/hn.css
@@ -1,4 +1,4 @@
-.infoview {
+.infoWindows {
position: absolute;
z-index: 9;
border: none;
@@ -10,14 +10,64 @@
box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.5);
overflow: hidden;
}
-.infoview > div{
+.infoWindows > div{
color: #fff;
margin-top: 0;
}
-.btn-primary{
- border-radius: 20px;
- margin-bottom: 0 0 4px!important;
+.topWindows{
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 60px;
+ background: url(../img/bg_total.png) rgba(12, 25, 48, 0.7) no-repeat center top;
+ background-size: auto 100%;
+ border: none;
+ box-shadow: none;
}
-.btn-primary:last-child{
- margin-bottom: 0;
+.topWindows > div{
+ margin: 0 auto;
+ text-align: center;
+ font-size: 24px;
+ font-weight: 400;
+ line-height: 32px;
+ color: #fff;
+}
+.bottomWindows{
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 60px;
+}
+.bottomWindows > div{
+ margin: 0 auto;
+ width: 300px;
+ display: flex;
+ justify-content: space-between;
+}
+
+.handle {
+ top: 30%;
+ left: 10px;
+ width: 120px;
+ padding: 15px;
+ text-align: center
+}
+.handle > .btn-primary{
+ margin: 0 0 8px!important;
+}
+.handle > .btn-primary:last-child{
+ margin: 0!important;
+}
+
+.btn-primary{
+ padding: auto 16px;
+ border-radius: 20px;
+ margin: 0;
+}
+
+/*闅愯棌搴曢儴toolbar*/
+.mars3d-distance-legend,
+.mars3d-locationbar{
+ display: none;
+ visibility: hidden;
}
\ No newline at end of file
diff --git a/public/hn3d/example/css/style.css b/public/hn3d/example/css/style.css
index 071ecca..5291740 100644
--- a/public/hn3d/example/css/style.css
+++ b/public/hn3d/example/css/style.css
@@ -340,10 +340,7 @@
/**infoview娴姩闈㈡澘*/
.infoview {
position: absolute;
- top: 10px;
- left: 10px;
padding: 10px 15px;
- border-radius: 4px;
border: 1px solid rgba(128, 128, 128, 0.5);
color: #ffffff;
background: rgba(12, 25, 48, 0.7);
diff --git a/public/hn3d/example/img/bg_total.png b/public/hn3d/example/img/bg_total.png
new file mode 100644
index 0000000..57ed68b
--- /dev/null
+++ b/public/hn3d/example/img/bg_total.png
Binary files differ
diff --git a/public/hn3d/example/img/bg_total1.png b/public/hn3d/example/img/bg_total1.png
new file mode 100644
index 0000000..07e7f17
--- /dev/null
+++ b/public/hn3d/example/img/bg_total1.png
Binary files differ
--
Gitblit v1.9.1