更改界面

zhaoxing

2022-08-02 c5010cc5d99b75413c96c3335c1d0eb3d6a8e42a

更改界面

 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) {

 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;
}

 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;

 public/hn3d/example/img/bg_top.png

 public/hn3d/example/img/bg_top_left.png

 public/hn3d/example/img/bg_top_right.png