|
@@ -65,8 +65,39 @@
|
|
|
margin-bottom: 0;
|
|
|
max-height: calc(100vh - 80px);
|
|
|
overflow-y: auto;
|
|
|
+ max-width: 30px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ #modes {
|
|
|
+ min-width: auto;
|
|
|
}
|
|
|
|
|
|
+ .select img {
|
|
|
+ display: block;
|
|
|
+ pointer-events: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ #modes {
|
|
|
+ max-width: initial;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ #mode,
|
|
|
+ #modes li {
|
|
|
+ width: 30px;
|
|
|
+ height: 30px !important;
|
|
|
+ /* height: auto; */
|
|
|
+ /* min-width: auto; */
|
|
|
+ padding: 5px;
|
|
|
+ display: flex
|
|
|
+;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ #modes .active {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
.select .value {
|
|
|
background: rgba(0, 0, 0, .3);
|
|
|
border-radius: 6px 6px 6px 6px;
|
|
@@ -104,15 +135,15 @@
|
|
|
<div id="scene" class="scene"></div>
|
|
|
<div class="map">
|
|
|
<div class="select">
|
|
|
- <ul class="option" id="floors" style="display: none;"></ul>
|
|
|
+ <ul class="option" id="floors" style="display: block;"></ul>
|
|
|
<div class="place"></div>
|
|
|
<div class="value" id="floor"></div>
|
|
|
</div>
|
|
|
<div class="select">
|
|
|
- <ul class="option" id="modes" style="display: none;">
|
|
|
- <li attr-id="panorama">漫游</li>
|
|
|
- <li attr-id="floorplan">平面图</li>
|
|
|
- <li attr-id="dollhouse">3D</li>
|
|
|
+ <ul class="option" id="modes" style="display: block;">
|
|
|
+ <li attr-id="panorama"> <img src="./kankan-icons/show_roam_n.svg"></li>
|
|
|
+ <li attr-id="floorplan"><img src="./kankan-icons/show_plane_n.svg"></li>
|
|
|
+ <li attr-id="dollhouse"><img src="./kankan-icons/show_3d_n.svg"></li>
|
|
|
<!-- <li attr-id="panorama">漫游</li>
|
|
|
<li attr-id="floorplan">平面图</li>
|
|
|
<li attr-id="dollhouse">3D</li> -->
|
|
@@ -166,7 +197,7 @@
|
|
|
$floors.style.display = 'block'
|
|
|
})
|
|
|
$floors.parentElement.addEventListener('mouseleave', () => {
|
|
|
- $floors.style.display = 'none'
|
|
|
+ $floors.style.display = 'block'
|
|
|
})
|
|
|
}
|
|
|
|
|
@@ -196,7 +227,7 @@
|
|
|
$modes.style.display = 'block'
|
|
|
})
|
|
|
$modes.parentElement.addEventListener('mouseleave', () => {
|
|
|
- $modes.style.display = 'none'
|
|
|
+ $modes.style.display = 'block'
|
|
|
})
|
|
|
setCurrentMode('panorama')
|
|
|
|