瀏覽代碼

feat:初版样式

jinx 4 年之前
父節點
當前提交
6fec7429aa
共有 31 個文件被更改,包括 1064 次插入155 次删除
  1. 24 1
      11f6573cb3a58fc7ac95f100f16abdff.navvis_logo_noPadding.svg
  2. 20 1
      26d42670fca53057cc00c607b592274b.building.svg
  3. 17 1
      361e54c9d7f4cc3587719df1a583dcd2.floor.svg
  4. 15 0
      3621b0c6e36f04eaf95f6b735f7feb55.building_bg.svg
  5. 21 1
      3b09f08ed2cb099cda5e3ba021ef52a6.room.svg
  6. 17 1
      606a77b9d6426329b81015af4b45f29a.ic_share_blue.svg
  7. 18 1
      65e22ac2d38885a923e35844f4cd014d.ic_walk_blue.svg
  8. 17 1
      68fd36507543b1a24650ae30970b6e2b.ic_menu_hamburger.svg
  9. 16 1
      779c92686f7ce1a44c37d5bd94191f4b.ic_search_grey.svg
  10. 48 0
      8cb759d0cce1070852cf832cca6738f8.navvis_logo_black (2).svg
  11. 48 1
      8cb759d0cce1070852cf832cca6738f8.navvis_logo_black.svg
  12. 654 0
      css/style.css
  13. 二進制
      img/icon/icon_data@2_1.png
  14. 二進制
      img/icon/icon_data@2x.png
  15. 二進制
      img/icon/icon_down@2x.png
  16. 二進制
      img/icon/icon_edit.png
  17. 二進制
      img/icon/icon_element@2x.png
  18. 二進制
      img/icon/icon_element@2x_1.png
  19. 二進制
      img/icon/icon_eye@2x.png
  20. 二進制
      img/icon/icon_eye@2x_1.png
  21. 二進制
      img/icon/icon_info@2x.png
  22. 二進制
      img/icon/icon_location@2x.png
  23. 二進制
      img/icon/icon_location@2x_1.png
  24. 二進制
      img/icon/icon_measure@2x.png
  25. 二進制
      img/icon/icon_measure@2x_1.png
  26. 二進制
      img/icon/icon_setting@2x.png
  27. 二進制
      img/icon/icon_share.png
  28. 二進制
      img/icon/icon_share@2x.png
  29. 二進制
      img/icon/sel@2x.png
  30. 二進制
      img/icon/sel@2x_1.png
  31. 149 146
      index.html

File diff suppressed because it is too large
+ 24 - 1
11f6573cb3a58fc7ac95f100f16abdff.navvis_logo_noPadding.svg


File diff suppressed because it is too large
+ 20 - 1
26d42670fca53057cc00c607b592274b.building.svg


+ 17 - 1
361e54c9d7f4cc3587719df1a583dcd2.floor.svg

@@ -1 +1,17 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><defs><style>.cls-1{fill:none;stroke:#000;stroke-linejoin:round;stroke-width:3px}</style></defs><g id="white_icons" data-name="white icons"><path class="cls-1" d="M101.94 47.55L60.5 64.36 32.21 50.51l18.55-7.06 11.27 5.53L85.55 39l16.39 8.55z"/><path class="cls-1" d="M88.41 52.61l13.53 7.06L60.5 76.48 32.21 62.62l13.38-5.09"/><path class="cls-1" d="M88.41 64.72l13.53 7.06L60.5 88.59 32.21 74.73l13.38-5.09"/></g></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="激光相机" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.6">
+        <g id="02-1数据集" transform="translate(-140.000000, -215.000000)" stroke="#FFFFFF">
+            <g id="content" transform="translate(79.000000, 80.000000)">
+                <g id="list" transform="translate(21.000000, 94.000000)">
+                    <g id="楼层" transform="translate(20.000000, 39.000000)">
+                        <g id="icon_bulid" transform="translate(20.000000, 2.000000)">
+                            <path d="M15.5,1.5 L15.5,15.5 L0.5,15.5 L0.5,10.5 L5.5,10.5 L5.5,5.5 L10.5,5.5 L10.5,1.5 L15.5,1.5 Z" id="形状结合"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

+ 15 - 0
3621b0c6e36f04eaf95f6b735f7feb55.building_bg.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="激光相机" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.6">
+        <g id="02-2数据集-数据集信息" transform="translate(-32.000000, -122.000000)">
+            <g id="icon_bulid" transform="translate(32.000000, 122.000000)">
+                <path d="M2.625,1.51203448 L15.375,5.33703448 L15.375,22.4879655 L2.625,18.6629655 L2.625,1.51203448 Z" id="矩形" stroke="#FFFFFF" stroke-width="2.25"></path>
+                <rect id="矩形" fill="#FFFFFF" x="1.5" y="0" width="19.5" height="1.5"></rect>
+                <rect id="矩形" fill="#FFFFFF" x="21" y="0" width="1.5" height="21"></rect>
+                <rect id="矩形" fill="#FFFFFF" x="15" y="19.5" width="6" height="1.5"></rect>
+                <rect id="矩形" fill="#FFFFFF" x="10.5" y="12" width="1.5" height="3"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

+ 21 - 1
3b09f08ed2cb099cda5e3ba021ef52a6.room.svg

@@ -1 +1,21 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><defs><style>.cls-1{fill:none;stroke:#000;stroke-linejoin:round;stroke-width:3px}</style></defs><g id="white_icons" data-name="white icons"><path class="cls-1" d="M33.72 64.02l-.07 22.68 16.33 8.16 47.6-19.72-.07-22.5L64.79 36l-26.4 10.81 16.49 8.45-21.16 8.76z"/><path class="cls-1" d="M33.72 64.02l16.26 8.24 47.53-19.62m-59.12-5.83l.14 14.98m16.35-6.53l.06 15.13"/><path class="cls-1" d="M55 62.49l9.5-4.17 8.59 4.46"/></g></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="激光相机" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.6">
+        <g id="02-1数据集" transform="translate(-160.000000, -254.000000)">
+            <g id="content" transform="translate(79.000000, 80.000000)">
+                <g id="list" transform="translate(21.000000, 94.000000)">
+                    <g id="房间" transform="translate(40.000000, 78.000000)">
+                        <g id="icon_bulid" transform="translate(20.000000, 2.000000)">
+                            <path d="M1.5,0.672015325 L10.5,3.37201533 L10.5,15.3279847 L1.5,12.6279847 L1.5,0.672015325 Z" id="矩形" stroke="#FFFFFF"></path>
+                            <rect id="矩形" fill="#FFFFFF" x="1" y="0" width="13" height="1"></rect>
+                            <rect id="矩形" fill="#FFFFFF" x="14" y="0" width="1" height="14"></rect>
+                            <rect id="矩形" fill="#FFFFFF" x="10" y="13" width="4" height="1"></rect>
+                            <rect id="矩形" fill="#FFFFFF" x="7" y="8" width="1" height="2"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

File diff suppressed because it is too large
+ 17 - 1
606a77b9d6426329b81015af4b45f29a.ic_share_blue.svg


File diff suppressed because it is too large
+ 18 - 1
65e22ac2d38885a923e35844f4cd014d.ic_walk_blue.svg


+ 17 - 1
68fd36507543b1a24650ae30970b6e2b.ic_menu_hamburger.svg

@@ -1 +1,17 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34"><g fill="none" fill-rule="evenodd"><path d="M0 0h34v34H0z"/><path fill="#616161" d="M8 23h18v-2H8v2zm0-5h18v-2H8v2zm0-7v2h18v-2H8z"/></g></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="激光相机" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="01-1首页" transform="translate(-32.000000, -28.000000)" fill="#FFFFFF">
+            <g id="common/left-t" transform="translate(20.000000, 20.000000)">
+                <g id="icon_menu" transform="translate(12.000000, 8.000000)">
+                    <g id="编组" transform="translate(1.000000, 4.000000)">
+                        <rect id="矩形" x="0" y="0" width="22" height="2" rx="1"></rect>
+                        <rect id="矩形备份-5" x="0" y="7" width="22" height="2" rx="1"></rect>
+                        <rect id="矩形备份-6" x="0" y="14" width="22" height="2" rx="1"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

+ 16 - 1
779c92686f7ce1a44c37d5bd94191f4b.ic_search_grey.svg

@@ -1 +1,16 @@
-<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11z" fill-opacity=".764" fill="#9B9B9B"/><path d="M-3-3h24v24H-3z"/></g></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="激光相机" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="01-1首页" transform="translate(-406.000000, -32.000000)" stroke="#FFFFFF" stroke-width="2">
+            <g id="common/left-t" transform="translate(20.000000, 20.000000)">
+                <g id="common/bar_search" transform="translate(58.000000, 0.000000)">
+                    <g id="icon/16/icon_search" transform="translate(328.000000, 12.000000)">
+                        <circle id="椭圆形" cx="6.5" cy="6.5" r="5.5"></circle>
+                        <line x1="13" y1="13" x2="15" y2="15" id="路径-2"></line>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

File diff suppressed because it is too large
+ 48 - 0
8cb759d0cce1070852cf832cca6738f8.navvis_logo_black (2).svg


File diff suppressed because it is too large
+ 48 - 1
8cb759d0cce1070852cf832cca6738f8.navvis_logo_black.svg


+ 654 - 0
css/style.css

@@ -0,0 +1,654 @@
+.ng-isolate-scope .vertical-menu {
+    background-color: rgba(0, 0, 0, 0.8) !important;
+}
+
+sidebar-menu .copyright-area>.logo img {
+    width: 60px !important;
+    margin-left: 10px;
+}
+
+.vertical-menu .vertical-menu-heading {
+    background-color: transparent !important;
+    border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
+}
+
+.vertical-menu sidebar-menu-item.active:hover>li,
+.vertical-menu sidebar-menu-item.active>li {
+    color: #15BEC8 !important;
+    background-color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.vertical-menu sidebar-menu-item>li:active,
+.vertical-menu sidebar-menu-item>li:hover {
+    color: #15BEC8 !important;
+    background-color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.vertical-menu sidebar-menu-item.active>li {
+    color: #15BEC8 !important;
+    background-color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.vertical-menu .panel {
+    background-color: transparent;
+    color: #fff;
+}
+
+.vertical-menu-content {
+    background-color: transparent !important;
+}
+
+sidebar-menu-items-collection {
+    background-color: transparent !important;
+}
+
+sidebar-preview-menu>.vertical-menu sidebar-menu-items-collection>.panel-autoscroll {
+    background-color: transparent !important;
+}
+
+sidebar-preview-menu>.vertical-menu sidebar-menu-items-collection>.panel-autoscroll {
+    display: none !important;
+}
+
+sidebar-preview-menu>.vertical-menu sidebar-menu-items-collection sidebar-menu-item>li icon>i {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+    text-shadow: none !important;
+}
+
+sidebar-preview-menu>.vertical-menu sidebar-menu-items-collection sidebar-menu-item>li:hover icon>i {
+    color: transparent !important;
+}
+
+sidebar-menu-items-collection>.panel-autoscroll {
+    background-color: rgba(0, 0, 0, 0.5) !important;
+    /* display: none !important; */
+}
+
+sidebar-menu-items-collection.active {
+    background-color: #141414 !important;
+}
+
+sidebar-menu-items-collection>.panel-autoscroll>ul {
+    background-color: transparent !important;
+}
+
+.ng-isolate-scope .vertical-menu .vertical-menu-heading>h3 {
+    color: #fff;
+}
+
+.ng-isolate-scope sidebar-menu-item>li {
+    color: #fff;
+}
+
+sidebar-menu .copyright-area {
+    color: #fff;
+    background-color: transparent !important;
+}
+
+sidebar-menu .link {
+    color: #15BEC8;
+}
+
+.indoorViewer sidebar-menu>.vertical-menu>.vertical-menu-heading .back-button {
+    color: #fff;
+}
+
+.threeD-overlay #left-panel-pois {
+    /* width: 360px; */
+    background: rgba(0, 0, 0, 0.8) !important;
+    /* margin-left: 78px;
+    height: 42px; */
+}
+
+.search-box #searchInput.padding-left-menu-icon {
+    background: transparent !important;
+    /* padding-left: 20px !important; */
+}
+
+navbar-menu .navbar-default .navbar-custom>li.navbar-menu-item-sidebar>a {
+    /* padding: 0 !important; */
+}
+
+navbar-menu .navbar-default .navbar-custom>li.navbar-menu-item-sidebar>a icon i {
+    /* height: 42px !important;
+    width: 48px !important; */
+}
+
+.panel .btn-showhide-poi-details {
+    color: #fff !important;
+
+}
+
+site-model-details .details-header {
+    background: transparent !important;
+    color: #fff !important;
+}
+
+.element-on-screen-trigger-wrapper {
+    color: #fff !important;
+}
+
+.poi-btn-toolbar .btn-group button {
+    border-right: 5px solid transparent !important;
+}
+
+.poi-btn-toolbar .btn-group button:hover {
+    background-color: #15BEC8 !important;
+    /* color: #15BEC8 !important; */
+    border-right-color: transparent !important;
+}
+
+.poi-btn-toolbar button>.btn-description-mobile,
+.poi-btn-toolbar button>div .btn-description-mobile {
+    color: #fff !important;
+}
+
+.panel .btn-showhide-poi-details:hover {
+    background-color: transparent !important;
+}
+
+site-model-details .sme-pois .sme-poi:hover {
+    background-color: #15BEC8 !important;
+}
+
+site-model-details .vcenter.padding-horizontal .long-title {
+    color: #fff !important;
+}
+
+.panel {
+    background: transparent !important;
+}
+
+navbar-menu .navbar-default .navbar-custom>li.navbar-menu-item-sidebar>a icon {
+    background: transparent !important;
+}
+
+navbar-menu .navbar-default .navbar-custom>li.navbar-menu-item-sidebar.shadow {
+    background: rgba(0, 0, 0, 0.5) !important;
+}
+
+.search-box .input-group>.input-group-addon {
+    background: transparent !important;
+    /* background: rgba(0, 0, 0, 0.8) !important; */
+}
+
+.search-box #searchInput:not(.search-box-radius-poi-selected) {
+    background: transparent !important;
+    color: #fff;
+    border: 1px solid transparent !important;
+}
+
+.search-box {
+    background: transparent !important;
+}
+
+.ic_svg.clickable.border-left {
+    border: none !important;
+}
+
+navbar-menu .navbar-default .navbar-custom>li.navbar-menu-item-user {
+    background-color: #333333 !important;
+    border: 1px solid #fff;
+    box-sizing: border-box;
+}
+
+sidebar-menu>.vertical-menu>.vertical-menu-heading>.root-heading>span {
+    display: none !important;
+}
+
+
+sidebar-menu-item>li icon>i.material-icons[icon-ligature="dashboard"] {
+    background: url(../img/icon/icon_data@2x.png)no-repeat;
+    background-size: 100% 100%;
+    width: 20px;
+    height: 20px;
+    color: transparent;
+}
+
+.vertical-menu sidebar-menu-item.active>li icon>i.material-icons[icon-ligature="dashboard"] {
+    background: url(../img/icon/icon_data@2_1.png)no-repeat;
+    background-size: 100% 100%;
+}
+
+sidebar-menu-item>li icon>i.material-icons[icon-ligature="remove_red_eye"] {
+    background: url(../img/icon/icon_eye@2x.png)no-repeat;
+    background-size: 100% 100%;
+    width: 20px;
+    height: 20px;
+    color: transparent;
+}
+
+.vertical-menu sidebar-menu-item.active>li icon>i.material-icons[icon-ligature="remove_red_eye"] {
+    background: url(../img/icon/icon_eye@2x_1.png)no-repeat;
+    background-size: 100% 100%;
+}
+
+
+sidebar-menu-item>li icon>i.material-icons[icon-ligature="location_on"] {
+    background: url(../img/icon/icon_element@2x.png)no-repeat;
+    background-size: 100% 100%;
+    width: 20px;
+    height: 20px;
+    color: transparent;
+}
+
+.vertical-menu sidebar-menu-item.active>li icon>i.material-icons[icon-ligature="location_on"] {
+    background: url(../img/icon/icon_element@2x_1.png)no-repeat;
+    background-size: 100% 100%;
+}
+
+sidebar-menu-item>li icon>i.material-icons[icon-ligature="straighten"] {
+    background: url(../img/icon/icon_measure@2x.png)no-repeat;
+    background-size: 100% 100%;
+    width: 20px;
+    height: 20px;
+    color: transparent;
+}
+
+.vertical-menu sidebar-menu-item.active>li icon>i.material-icons[icon-ligature="straighten"] {
+    background: url(../img/icon/icon_measure@2x_1.png)no-repeat;
+    background-size: 100% 100%;
+}
+
+sidebar-menu-item>li icon>i.fa-thumb-tack[iv-tooltip="坐标查询"] {
+    background: url(../img/icon/icon_location@2x.png)no-repeat;
+    background-size: 100% 100%;
+    width: 20px;
+    height: 20px;
+    color: transparent;
+}
+
+.vertical-menu sidebar-menu-item.active>li icon>i.fa-thumb-tack[iv-tooltip="坐标查询"] {
+    background: url(../img/icon/icon_location@2x_1.png)no-repeat;
+    background-size: 100% 100%;
+}
+
+/* 数据集 */
+.multiple-dataset-selector>h4 {
+    height: 64px;
+    margin: 0 auto 30px;
+    line-height: 64px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.multiple-dataset-selector>h4 toggle-switch {
+    width: 50px !important;
+    height: 24px !important;
+}
+
+h4 .toggle-switch {
+    width: 50px !important;
+    height: 24px !important;
+    position: relative;
+}
+
+.toggle-switch input:checked+.slider {
+    background-color: #15BEC8 !important;
+}
+
+h4 .toggle-switch .slider:before {
+    height: 20px !important;
+    width: 20px !important;
+    left: 2px;
+    bottom: 2px;
+    content: "";
+    background-color: #fff;
+    border-radius: 50%;
+    position: absolute;
+}
+
+.toggle-switch input:checked+.slider:before {
+    transform: translateX(27px) !important;
+}
+
+.site-model-button i.collapse-expand-chevron:before {
+    content: '';
+    width: 10px;
+    height: 10px;
+    background: url(../img/icon/icon_down@2x.png)no-repeat;
+    background-size: 100% 100%;
+}
+
+.site-model-tree-entity .site-model-button {
+    height: 30px;
+
+}
+
+.site-model-button .siteModelIcon {
+    width: 16px;
+    height: 16px;
+}
+
+.site-model-button .fa-square-o:before {
+    content: '';
+    width: 16px;
+    height: 16px;
+    background: url(../img/icon/sel@2x.png)no-repeat;
+    background-size: 100% 100%;
+    display: inline-block;
+}
+
+.site-model-button .fa-check-square-o:before {
+    content: '';
+    width: 16px;
+    height: 16px;
+    background: url(../img/icon/sel@2x_1.png)no-repeat;
+    background-size: 100% 100%;
+    display: inline-block;
+}
+
+.site-model-button .glyphicon-info-sign:before {
+
+    content: '';
+    width: 16px;
+    height: 16px;
+    background: url(../img/icon/icon_info@2x.png)no-repeat;
+    background-size: 100% 100%;
+    display: inline-block;
+}
+
+.site-model-button .dataset-grp-toolbar {
+    width: 50px;
+    background: transparent;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.site-model-button .btn-borderless {
+    width: 16px;
+    height: 16px;
+    padding: 0;
+}
+
+.site-model-button .btn-borderless:hover {
+    background: transparent;
+    border: 1px solid transparent;
+}
+
+.site-model-button .btn-default:active {
+    background: transparent;
+}
+
+.site-model-button .btn-borderless:focus:focus:hover,
+.site-model-button .btn-borderless:focus:hover,
+.site-model-button .btn-borderless:hover {
+    background: transparent;
+    border: 1px solid transparent;
+}
+
+.list-group-item {
+    background: transparent !important;
+    color: #fff !important;
+}
+
+.list-group-item .btn-borderless {
+    width: 16px;
+    height: 16px;
+    padding: 0;
+}
+
+.btn-borderless:hover {
+    background: transparent !important;
+    border: 1px solid transparent !important;
+}
+
+.list-group-item .glyphicon-share-alt:before {
+    content: '' !important;
+    width: 16px;
+    height: 16px;
+    background: url(../img/icon/icon_share.png)no-repeat;
+    background-size: 100% 100%;
+    display: inline-block;
+}
+
+.list-group-item .data-set-info {
+    display: flex;
+    align-items: self-start;
+    justify-content: center;
+}
+
+.list-group-item .data-set-info .data-set-icon {
+    padding: 6px;
+    border: none;
+    margin-top: 5px;
+}
+
+
+
+/* 查看 */
+sidebar-menu #view-menu>.panel-body .checkbox:hover {
+    background: transparent !important;
+    color: #15BEC8;
+}
+
+sidebar-menu .checkbox input[type=checkbox] {
+    width: 16px;
+    height: 16px;
+    background: url(../img/icon/sel@2x_1.png)no-repeat !important;
+    background-size: 100% 100%;
+}
+
+.panel-heading {
+    background: transparent !important;
+}
+
+poi-type-group-list .panel-default>.panel-heading {
+    border-color: transparent;
+}
+
+sidebar-menu-item>li icon {
+    padding: 10px !important;
+}
+
+
+/* 兴趣点 */
+.panel-heading .btn-group button {
+    background: transparent;
+    border-color: transparent;
+
+}
+
+.panel-heading .btn-group button:active {
+    background: transparent;
+}
+
+.panel-heading .btn-group button:hover {
+    background: #15BEC8;
+
+}
+
+.panel-heading .btn-group button .fa::before {
+    color: #fff;
+}
+
+poi-type-list .checkbox {
+    display: flex;
+    align-items: center;
+}
+
+.list-group-item .list-group-item-heading {
+    display: flex;
+    align-items: center;
+}
+
+poi-type-list .fa-pencil:before,
+.list-group-item-heading .fa-pencil:before {
+    width: 16px;
+    height: 16px;
+    content: '';
+    background: url(../img/icon/icon_edit.png)no-repeat;
+    background-size: 100% 100%;
+    display: inline-block;
+}
+
+/* 弹窗 */
+.modal-dialog .modal-content {
+    background: rgba(0, 0, 0, .8);
+    color: #fff;
+}
+
+.modal-dialog .modal-content .form-group select {
+    background: transparent;
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    color: #fff;
+}
+
+.modal-dialog .modal-content .form-group select option {
+    background: rgba(0, 0, 0, .8);
+    color: #fff;
+}
+
+.modal-dialog .modal-content .form-group select option:hover {
+    background: #15BEC8;
+}
+
+.modal-dialog .modal-content .nav-pills>li.active>a {
+    background: #15BEC8;
+}
+
+.modal-dialog .btn-default {
+    background-color: transparent;
+    color: #15BEC8;
+    border-color: #15BEC8;
+}
+
+.modal-header {
+    border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
+}
+
+.modal-footer {
+    border-top: 1px solid rgba(255, 255, 255, .2) !important;
+}
+
+.modal-dialog .btn-default:hover {
+    background: transparent;
+    color: #15BEC8;
+}
+
+.modal-dialog .btn-primary {
+    background-color: #15BEC8;
+    border-color: #15BEC8;
+}
+
+.modal-dialog .btn-primary:hover {
+    /* opacity: 0.9; */
+}
+
+.modal-dialog input.form-control {
+    background: transparent;
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    color: #fff;
+}
+
+.form-group select {
+    background: transparent !important;
+    border: 1px solid rgba(255, 255, 255, 0.4) !important;
+    color: #fff !important;
+}
+
+.form-group select option {
+    background: rgba(0, 0, 0, .8) !important;
+    color: #fff !important;
+}
+
+.form-group select option:hover {
+    background: #15BEC8 !important;
+}
+
+hr {
+    border-top: 1px solid rgba(255, 255, 255, .2) !important;
+}
+
+input {
+    background: transparent !important;
+    border: 1px solid rgba(255, 255, 255, 0.4) !important;
+    color: #fff !important;
+}
+
+.ui-widget-content {
+    background: transparent !important;
+    border-color: #15BEC8 !important;
+}
+
+.ui-button,
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default,
+html .ui-button.ui-state-disabled:active,
+html .ui-button.ui-state-disabled:hover {
+    background: #15BEC8 !important;
+    border-color: #15BEC8 !important;
+}
+
+.glyphicon-chevron-down:before {
+    color: #fff;
+}
+
+sidebar-menu #view-menu #pointcloud-menu #pointcloud-options #pointcloud-pane>div>button {
+    background: transparent !important;
+
+}
+
+sidebar-menu-items-collection>.panel-autoscroll::-webkit-scrollbar {
+    width: 8px;
+}
+
+sidebar-menu-items-collection>.panel-autoscroll::-webkit-scrollbar-track {
+    background-color: #000;
+    -webkit-border-radius: 1em;
+    -moz-border-radius: 1em;
+    border-radius: 1em;
+}
+
+sidebar-menu-items-collection>.panel-autoscroll::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 255, 255, .2);
+    -webkit-border-radius: 1em;
+    -moz-border-radius: 1em;
+    border-radius: 1em;
+}
+
+.clear-background .siteModelIcon {
+    width: 24px;
+    height: 24px;
+}
+
+.border-top,
+left-panel .poi-extensions-box>*>* {
+    border-top: 1px solid rgba(255, 255, 255, .2) !important;
+}
+
+.search-box #searchInput.padding-left-menu-icon {
+    border-color: transparent !important;
+}
+
+.list-group-item {
+    border-color: rgba(255, 255, 255, .2) !important;
+}
+
+.panel-autoscroll sidebar-menu-item.active:active>li,
+.panel-autoscroll sidebar-menu-item.active:hover>li,
+.panel-autoscroll sidebar-menu-item.active>li,
+.panel-autoscroll sidebar-menu-item>li.active,
+.panel-autoscroll sidebar-menu-item>li.active:active,
+.panel-autoscroll sidebar-menu-item>li.active:hover {
+    color: #15BEC8 !important;
+    background-color: rgba(0, 0, 0, 0.5) !important;
+}
+
+/* .panel-autoscroll sidebar-menu-item.active>li icon>i.material-icons[icon-ligature="straighten"] {
+    background: url(../img/icon/icon_measure@2x_1.png)no-repeat;
+    background-size: 100% 100%;
+    width: 20px;
+    height: 20px;
+    color: transparent;
+} */
+
+.vertical-menu{
+    background-color: rgba(0, 0, 0, 0.5) !important;
+    color: #fff !important;
+}

二進制
img/icon/icon_data@2_1.png


二進制
img/icon/icon_data@2x.png


二進制
img/icon/icon_down@2x.png


二進制
img/icon/icon_edit.png


二進制
img/icon/icon_element@2x.png


二進制
img/icon/icon_element@2x_1.png


二進制
img/icon/icon_eye@2x.png


二進制
img/icon/icon_eye@2x_1.png


二進制
img/icon/icon_info@2x.png


二進制
img/icon/icon_location@2x.png


二進制
img/icon/icon_location@2x_1.png


二進制
img/icon/icon_measure@2x.png


二進制
img/icon/icon_measure@2x_1.png


二進制
img/icon/icon_setting@2x.png


二進制
img/icon/icon_share.png


二進制
img/icon/icon_share@2x.png


二進制
img/icon/sel@2x.png


二進制
img/icon/sel@2x_1.png


+ 149 - 146
index.html

@@ -1,11 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <link rel="icon" href="favicon.ico" type="image/x-icon">
     <title>四维展厅</title>
     <style>
-        html, body {
+        html,
+        body {
             width: 100%;
             height: 100%;
             background-color: #000;
@@ -15,169 +17,170 @@
             overflow: hidden;
         }
     </style>
-	</head>
-	<script type="text/javascript">
+    <link rel="stylesheet" href="./css/style.css">
+</head>
+<script type="text/javascript">
     const ossPrefix = 'https://laser.4dkankan.com/data/';
     const ossPrefixDep = 'https://laser.4dkankan.com/public/';
     const sceneNum = 'test3';
 </script>
-    <script src="IndoorViewerAPI.js"></script>
-    <script type="text/javascript" src="js/OBJExporter.js"></script>
-    <script type="text/javascript" src="js/Animation.js"></script>
-    <script type="text/javascript" src="js/AnimationHandler.js"></script>
-    <script type="text/javascript" src="js/KeyFrameAnimation.js"></script>
-    <script type="text/javascript" src="js/ColladaLoader.js"></script>
-
-    <script type="text/javascript" src="js/tinyqueue.js"></script>
-    <script type="text/javascript" src="js/THREE.MeshLine.js"></script>
-    <script type="text/javascript" src="js/popindoorAPI2.7.1.js"></script>
-    <script type="text/javascript" src="js/utf.js"></script>
-    <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
-    <script type="text/javascript" src="js/jquery.qrcode.js"></script>
-    <script type="text/javascript" src="js/proj4.js"></script>
-    <script type="text/javascript">
-        var indoorViewer;
-        var run =false;
-        IV.loaded(function()
-        {
-            indoorViewer = new IndoorViewer({
-                'base_url': '',
-                'onLoadComplete': setLayers
+<script src="IndoorViewerAPI.js"></script>
+<script type="text/javascript" src="js/OBJExporter.js"></script>
+<script type="text/javascript" src="js/Animation.js"></script>
+<script type="text/javascript" src="js/AnimationHandler.js"></script>
+<script type="text/javascript" src="js/KeyFrameAnimation.js"></script>
+<script type="text/javascript" src="js/ColladaLoader.js"></script>
+
+<script type="text/javascript" src="js/tinyqueue.js"></script>
+<script type="text/javascript" src="js/THREE.MeshLine.js"></script>
+<script type="text/javascript" src="js/popindoorAPI2.7.1.js"></script>
+<script type="text/javascript" src="js/utf.js"></script>
+<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
+<script type="text/javascript" src="js/jquery.qrcode.js"></script>
+<script type="text/javascript" src="js/proj4.js"></script>
+<script type="text/javascript">
+    var indoorViewer;
+    var run = false;
+    IV.loaded(function () {
+        indoorViewer = new IndoorViewer({
+            'base_url': '',
+            'onLoadComplete': setLayers
+        });
+    });
+    var setLayers = function () {
+        if (!run) {
+            run = true;
+
+            var setting = new Setting()
+            var doorOpenCLose = new DoorOpenCLose();
+            main_view.addToScene(doorOpenCLose);
+        }
+    };
+    var DoorOpenCLose = function (e) {
+        var main_view = IV.getMainView();
+        var model;
+        var animations;
+        var kfAnimations = [];
+        var kfAnimationsLength = 0;
+
+        var progress = 0;
+        var lastTimestamp = 0;
+        var pre_select_map_id = -1;
+
+        if (!IV.custom) { //自定义功能集合
+            IV.custom = {};
+        }
+
+        var loader_wall = new IV.THREE.ColladaLoader();
+        loader_wall.load('./models/qt.dae', function (collada) {
+
+            model = collada.scene.children[2];
+            var material = new IV.THREE.MeshBasicMaterial({
+                color: 0x00FA9A
             });
+
+            material.colorWrite = false;
+            model.children[0].material = material;
+            model.renderOrder = 2;
+            model.children[0].renderOrder = 2;
+
+            main_view.overlayScene.add(model);
+            //mesh.material.colorWrite = false;
         });
-        var setLayers  = function()
-        {
-            if(!run) {
-                run = true;
-
-                var setting = new Setting()
-                var doorOpenCLose = new DoorOpenCLose();
-                main_view.addToScene(doorOpenCLose);
+        var loader = new IV.THREE.ColladaLoader();
+        loader.load('./models/m4.dae', function (collada) {
+            //console.log(collada)
+            model = collada.scene;
+            model.renderOrder = 3;
+            for (var j = 0; j < model.children.length; ++j) {
+                model.children[j].renderOrder = 3;
             }
-        };
-        var DoorOpenCLose=function (e){
-            var main_view = IV.getMainView();
-            var model;
-            var animations;
-            var kfAnimations = [ ];
-            var kfAnimationsLength = 0;
-
-            var progress = 0;
-            var lastTimestamp = 0;
-            var pre_select_map_id =-1;
-
-            if(!IV.custom) { //自定义功能集合
-                IV.custom = {};
+            animations = collada.animations;
+            kfAnimationsLength = animations.length;
+
+            model.scale.x = model.scale.y = model.scale.z = 1;
+            main_view.scene.add(model);
+            //main_view.overlayScene.add(model);
+            //map_scene.add(model)
+            for (var i = 0; i < kfAnimationsLength; ++i) {
+                var animation = animations[i];
+                var kfAnimation = new IV.THREE.KeyFrameAnimation(animation);
+                kfAnimation.timeScale = 1;
+                kfAnimations.push(kfAnimation);
             }
+            door_animation_start(0);
+            animate(lastTimestamp);
+        });
 
-            var loader_wall = new IV.THREE.ColladaLoader();
-            loader_wall.load( './models/qt.dae', function ( collada ) {
-
-                model =  collada.scene.children[2];
-                var material = new IV.THREE.MeshBasicMaterial({color: 0x00FA9A});
-
-                material.colorWrite = false;
-                model.children[0].material=material;
-                model.renderOrder = 2;
-                model.children[0].renderOrder = 2;
-
-                main_view.overlayScene.add(model);
-                //mesh.material.colorWrite = false;
-            } );
-            var loader = new IV.THREE.ColladaLoader();
-            loader.load( './models/m4.dae', function ( collada ) {
-                //console.log(collada)
-                model = collada.scene;
-                model.renderOrder = 3;
-                for ( var j = 0; j < model.children.length; ++j ) {
-                    model.children[j].renderOrder = 3;
-                }
-                animations = collada.animations;
-                kfAnimationsLength = animations.length;
-
-                model.scale.x = model.scale.y = model.scale.z = 1;
-		main_view.scene.add(model);
-                //main_view.overlayScene.add(model);
-                //map_scene.add(model)
-                for ( var i = 0; i < kfAnimationsLength; ++i ) {
-                    var animation = animations[ i ];
-                    var kfAnimation = new IV.THREE.KeyFrameAnimation( animation );
-                    kfAnimation.timeScale = 1;
-                    kfAnimations.push( kfAnimation );
-                }
-                door_animation_start(0);
-                animate( lastTimestamp );
-            } );
-            function door_animation_start(time) {
-                for ( var i = 0; i < kfAnimationsLength; ++i ) {
-                    var animation = kfAnimations[i];
-
-                    // if (animation.root.name === "animation_door1") {
-                    //     console.log(animation.root.name)
-                    for (var h = 0, hl = animation.hierarchy.length; h < hl; h++) {
-
-                        var keys = animation.data.hierarchy[h].keys;
-                        var sids = animation.data.hierarchy[h].sids;
-                        var obj = animation.hierarchy[h];
-                        if (keys.length && sids) {
-                            for (var s = 0; s < sids.length; s++) {
-                                var sid = sids[s];
-                                var next = animation.getNextKeyWith(sid, h, 0);
-                                if (next) next.apply(sid);
-                            }
-                            obj.matrixAutoUpdate = false;
-                            animation.data.hierarchy[h].node.updateMatrix();
-                            obj.matrixWorldNeedsUpdate = true;
+        function door_animation_start(time) {
+            for (var i = 0; i < kfAnimationsLength; ++i) {
+                var animation = kfAnimations[i];
+
+                // if (animation.root.name === "animation_door1") {
+                //     console.log(animation.root.name)
+                for (var h = 0, hl = animation.hierarchy.length; h < hl; h++) {
+
+                    var keys = animation.data.hierarchy[h].keys;
+                    var sids = animation.data.hierarchy[h].sids;
+                    var obj = animation.hierarchy[h];
+                    if (keys.length && sids) {
+                        for (var s = 0; s < sids.length; s++) {
+                            var sid = sids[s];
+                            var next = animation.getNextKeyWith(sid, h, 0);
+                            if (next) next.apply(sid);
                         }
+                        obj.matrixAutoUpdate = false;
+                        animation.data.hierarchy[h].node.updateMatrix();
+                        obj.matrixWorldNeedsUpdate = true;
                     }
-                    // }
-                    animation.loop = false;
-                    animation.play(time);
                 }
+                // }
+                animation.loop = false;
+                animation.play(time);
             }
-            function animate( timestamp ) {
-                var frameTime = ( timestamp - lastTimestamp ) * 0.001;
-                if (IV.custom.select_map_id&&(pre_select_map_id!==IV.custom.select_map_id)){
-                    pre_select_map_id=IV.custom.select_map_id;
-                    for ( var i = 0; i < kfAnimationsLength; ++i ) {
-                        kfAnimations[ i ].stop();
-                    }
-                    if(IV.custom.select_map_id===2){
-                        progress =0;
-                        door_animation_start(6);
-                    }else if(IV.custom.select_map_id===3){
-                        progress =0;
-                        door_animation_start(0);
-                    }
+        }
 
+        function animate(timestamp) {
+            var frameTime = (timestamp - lastTimestamp) * 0.001;
+            if (IV.custom.select_map_id && (pre_select_map_id !== IV.custom.select_map_id)) {
+                pre_select_map_id = IV.custom.select_map_id;
+                for (var i = 0; i < kfAnimationsLength; ++i) {
+                    kfAnimations[i].stop();
                 }
-                //console.log(progress,max_progress,start,end)
-                if ( progress >= 0 && progress < 6) {
-                    for (var i = 0; i < kfAnimationsLength; ++i) {
-                        //if (kfAnimations[i].root.name === "door1") {
-                        kfAnimations[i].update(frameTime);
-                        //}
-                    }
-                } else if ( progress >=6 ) {
-                    for ( var i = 0; i < kfAnimationsLength; ++i ) {
-                        kfAnimations[ i ].stop();
-                    }
-                    // progress = 0;
-                    // door_animation_start();
+                if (IV.custom.select_map_id === 2) {
+                    progress = 0;
+                    door_animation_start(6);
+                } else if (IV.custom.select_map_id === 3) {
+                    progress = 0;
+                    door_animation_start(0);
                 }
-                main_view.invalidateScene();
-                progress += frameTime;
-                lastTimestamp = timestamp;
-                requestAnimationFrame( animate );
+
             }
+            //console.log(progress,max_progress,start,end)
+            if (progress >= 0 && progress < 6) {
+                for (var i = 0; i < kfAnimationsLength; ++i) {
+                    //if (kfAnimations[i].root.name === "door1") {
+                    kfAnimations[i].update(frameTime);
+                    //}
+                }
+            } else if (progress >= 6) {
+                for (var i = 0; i < kfAnimationsLength; ++i) {
+                    kfAnimations[i].stop();
+                }
+                // progress = 0;
+                // door_animation_start();
+            }
+            main_view.invalidateScene();
+            progress += frameTime;
+            lastTimestamp = timestamp;
+            requestAnimationFrame(animate);
         }
+    }
+</script>
 
-
-    </script>
-
-<body >
-<indoorviewer style="height: 100%"></indoorviewer>
-<div id="curscroll" style="position:absolute;visibility:hidden;padding: 2px 10px;z-index:2000"></div>
+<body>
+    <indoorviewer style="height: 100%"></indoorviewer>
+    <div id="curscroll" style="position:absolute;visibility:hidden;padding: 2px 10px;z-index:2000"></div>
 </body>
 
-</html>
+</html>