upp

hot/src/views/Home.vue

@@ -220,9 +220,11 @@ export default {
     },
     // 点击查看大图
     lookImg(url) {
-      let dom = this.$refs.viewer.$viewer;
-      this.lookPics = [url];
-      dom.show();
+      console.log(url);
+      
+      // let dom = this.$refs.viewer.$viewer;
+      // this.lookPics = [url];
+      // dom.show();
     },
     async getData() {
       // https://www.4dmodel.com/

scene/public/index.html

@@ -15,6 +15,10 @@
     <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/css/oldVer/main0.css" />
     <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/css/main.css?v=2.25" />
     <!-- <link rel="stylesheet" href="<%= VUE_APP_STATIC_DIR %>/CAD/cad.css?v=2.25"/> -->
+
+    <!-- 隐藏底部展览列表 多个归一 -->
+     <link rel="stylesheet" href="./static/hideCss.css">
+
     <style>
     </style>
     <script>

scene/public/static/hideCss.css

@@ -0,0 +1,265 @@
+#thumb-container .active .overlay {
+  color: #fff !important;
+}
+#thumb-container .active > img {
+  border: 2px solid transparent !important;
+}
+
+#playHead #status{
+color: transparent !important;
+}
+
+#thumb-container .thumbImg {
+  &:hover {
+    /* .overlay{
+      color: #FCDA99 !important;
+    } */
+    & > img {
+      border: 3px solid #fcda99 !important;
+    }
+  }
+
+  &:nth-of-type(2) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+
+  &:nth-of-type(4) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(7) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(8) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+
+  &:nth-of-type(10) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(11) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(12) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(13) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+
+  &:nth-of-type(15) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(16) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(17) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(21) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(22) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+
+  &:nth-of-type(24) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(25) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(26) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(27) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(28) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(29) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(30) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(31) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(32) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(33) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+
+  &:nth-of-type(35) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(36) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(37) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+
+  &:nth-of-type(39) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(40) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(41) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(44) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(46) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(47) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(48) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(49) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(50) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+
+  &:nth-of-type(53) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(55) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(57) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+
+  &:nth-of-type(59) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(60) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(65) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(67) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(69) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(70) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(71) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(72) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+  &:nth-of-type(75) {
+    width: 0px !important;
+    margin: 0 !important;
+    overflow: hidden;
+  }
+}

web/src/pages/A4expert/index.module.scss

@@ -105,6 +105,7 @@
           height: 100%;
           margin-right: 20px;
           padding-bottom: 50px;
+          min-height: 280px;
 
           & > div {
             transition: all 0.5s;
@@ -161,6 +162,7 @@
               transition: opacity 0.5s;
               .adm-image {
                 height: 67% !important;
+                // height: calc(100% - 128px) !important;
                 img {
                   pointer-events: none;
                   width: 100%;
@@ -222,5 +224,15 @@
     .pageBox {
       text-align: right;
     }
+
+    /* 屏幕宽度小于或等于755px时应用的样式 */
+    @media screen and (max-height: 755px) {
+      // .A4mRtitle {
+      //   margin: 10px 0 !important;
+      // }
+      .A4mRtxt {
+        display: none !important;
+      }
+    }
   }
 }