更改UI

zhaoxing

2022-08-06 7207e4e7d24a71393dc94c0d69034b73756c182c

更改UI

 public/hn3d/example/00_hn_new.html

@@ -22,6 +22,7 @@
  <link rel="stylesheet" href="./css/time_search.css">
  <link rel="stylesheet" href="./js/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.css">
  <link href="./css/hn.css" rel="stylesheet" />
  
  <style>
    .disable {
      pointer-events: none;
@@ -79,9 +80,11 @@

  <div class="infoview topWindows">
    <div class="topBox">
      <div class="topLeft">1</div>
      <div class="topCenter">华能石洞口二厂三维实时建模</div>
      <div class="topRight">3</div>
      <div class="topLeft"></div>
      <div class="topCenter">华能石洞口二厂三维实时重建</div>
      <div class="topRight">
        今天是 2022-8-3 星期三
      </div>
  </div>
  </div>


 public/hn3d/example/css/hn.css

@@ -31,10 +31,12 @@
    background-image:url(../img/bg_top_left.png), url(../img/bg_top_right.png);
    background-repeat: no-repeat;
    background-position: left center, right center;
    background-size: 683px 42px, 683px 42px;
}
.topLeft{
    flex: 1;
    text-align: left;
    line-height: 60px;
}
.topCenter{
    margin-top: 4px;
@@ -46,10 +48,12 @@
    text-align: center;
    color: #5BEDF6;
    background: url(../img/bg_top.png) no-repeat;
    background-size: cover;
}
.topRight{
    flex: 1;
    text-align: right;
    line-height: 60px;
}
.bottomWindows{
    bottom: 0;

 public/hn3d/example/img/bg_top.png

 public/hn3d/example/img/bg_top_left.png

 public/hn3d/example/img/bg_top_right.png