upp

src/assets/style/reset.css

@@ -315,11 +315,15 @@ input::-webkit-input-placeholder {
   background-color: #978163;
 }
 .scrollbar {
+  margin-top: 6px;
   height: 4px;
 }
 .scrollbar .handle {
   background-color: #978163;
 }
+.pinBottom-container.drawerOpen {
+  bottom: 0;
+}
 .frame .slidee li .overlay {
   color: rgba(0, 0, 0, 0.5);
   line-height: 26px;
@@ -332,6 +336,40 @@ input::-webkit-input-placeholder {
 .frame .slidee li.thumbImg.hasHover.active > img:hover {
   border: 4px solid #978163;
 }
+#drawer.open {
+  height: 166px !important;
+}
+.frame {
+  height: 146px;
+  padding-top: 16px;
+  width: calc(100% - 40px);
+  margin-left: 20px;
+}
+.frame .slidee li {
+  width: 146px;
+}
+#thumb-container .thumbImg img {
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+  border-radius: 10px;
+}
 .pinBottom .rightViewContainer {
   display: none !important;
+  float: left;
+  position: relative;
+  top: -4px;
+  width: 44px;
+  height: 44px;
+  margin-right: 12px;
+}
+.pinBottom .rightViewContainer .gui-floor {
+  background-color: transparent;
+}
+.pinBottom .rightViewContainer .gui-floor-icon {
+  width: 44px;
+  height: 44px;
+}
+.pinBottom .rightViewContainer .gui-floor-number {
+  color: #e1cfac;
 }

src/assets/style/reset.less

@@ -382,8 +382,9 @@ input::-webkit-input-placeholder {
   }
 }
 
-// 滚动条
+// 底部滚动条
 .scrollbar {
+  margin-top: 6px;
   height: 4px;
 
   .handle {
@@ -391,9 +392,15 @@ input::-webkit-input-placeholder {
   }
 }
 
+
+// 按钮
+.pinBottom-container.drawerOpen {
+  bottom: 0;
+}
+
 // 导览列表
 .frame .slidee li .overlay {
-  color: rgba(0,0,0,.5);
+  color: rgba(0, 0, 0, .5);
   line-height: 26px;
 }
 
@@ -407,7 +414,46 @@ input::-webkit-input-placeholder {
   border: 4px solid #978163;
 }
 
-// 隐藏楼层
-.pinBottom .rightViewContainer{
-  display: none !important;
+#drawer.open {
+  height: 166px !important;
+}
+
+.frame {
+  height: 146px;
+  padding-top: 16px;
+  width: calc(100% - 40px);
+  margin-left: 20px;
+
+  .slidee li {
+    width: 146px;
+  }
+}
+
+#thumb-container .thumbImg img {
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+  border-radius: 10px;
 }
+
+// 楼层
+.pinBottom .rightViewContainer {
+  display: none !important;
+  float: left;
+  position: relative;
+  top: -4px;
+  width: 44px;
+  height: 44px;
+  margin-right: 12px;
+  .gui-floor{
+    background-color: transparent;
+  }
+  .gui-floor-icon{
+    width: 44px;
+    height: 44px;
+  }
+  // 字体颜色
+  .gui-floor-number{
+    color: #e1cfac;
+  }
+}

src/views/gui/compomemt/hotspot.vue

@@ -119,7 +119,7 @@ export default {
       color: #d4a781;
     }
     .txt::-webkit-scrollbar-thumb {
-      outline: 2px solid #cc946d;
+      outline: 2px solid #978163;
     }
     .txt::-webkit-scrollbar {
       width: 4px;

src/views/gui/menu.vue

@@ -1,5 +1,11 @@
 <template>
   <div class="pinBottom-container" @touchstart.stop @keydown.stop>
+
+    <!-- 顶部的logo -->
+    <div class="topLogo">
+      <img src="../../assets/myData/logo.png" alt="">
+    </div>
+
     <div class="pinBottom center">
       <div id="view-controllers"></div>
     </div>
@@ -339,6 +345,18 @@ export default {
 </script>
 
 <style lang="less" scoped>
+
+  // 顶部logo
+  .topLogo{
+    position: fixed;
+    z-index: 100;
+    top: 20px;
+    left: 20px;
+    &>img{
+      width: 300px;
+    }
+  }
+
 #hotList {
   display: none !important;
 }
@@ -398,6 +416,7 @@ export default {
 // 全屏鼠标移入文字提示
 #gui-fullscreen {
   position: relative;
+  top: -6px;
   &:hover {
     .hoverTit {
       opacity: 1;
@@ -407,6 +426,7 @@ export default {
 
 #gui-fullscreen-exit {
   position: relative;
+    top: -6px;
   &:hover {
     .hoverTit {
       opacity: 1;
@@ -414,7 +434,7 @@ export default {
   }
 }
 #volume {
-  top: 2px;
+  top: -4px;
   position: relative;
   &:hover {
     .hoverTit {