feat: 图片描述

src/hotspot/views/hotspot/index.syjy.scss

@@ -54,7 +54,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding: 9vh 20px;
+    padding: 40px;
     width: auto;
     max-width: 1020px;
     max-height: 800px;
@@ -97,6 +97,9 @@
     justify-content: center;
     height: 100%;
   }
+  .swiper-wrapper {
+    align-items: center;
+  }
   &-video {
     width: 100%;
     height: 100%;
@@ -104,10 +107,16 @@
   }
   &-img {
     display: flex;
+    flex-direction: column;
     align-items: center;
     justify-content: center;
+    gap: 20px;
     height: inherit;
 
+    p {
+      color: #666666;
+      font-size: 18px;
+    }
     .el-image img {
       max-height: 623px;
     }

src/hotspot/views/hotspot/index.syjy.vue

@@ -55,6 +55,7 @@
               :preview-src-list="curList"
               :initial-index="idx"
             />
+            <p v-if="imgTxt[idx]">{{ imgTxt[idx] }}</p>
           </div>
         </SwiperSlide>
       </Swiper>

src/hotspot/views/hotspot/index.ylct.scss

@@ -26,12 +26,12 @@
   }
   h3 {
     padding: 10px 0;
-    font-size: 24px;
+    font-size: 28px;
     font-family: 'Source Han Sans CN-Bold';
   }
   &-info {
     div {
-      font-size: 20px;
+      font-size: 24px;
       line-height: 30px;
       text-indent: 2em;
     }
@@ -48,12 +48,11 @@
 
   &-container {
     position: relative;
-    flex: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
-    height: 0;
+    height: 400px;
     box-sizing: border-box;
   }
 

src/index/views/home/index.syjy.tsx

@@ -65,11 +65,9 @@ export default defineComponent({
           class="home__back"
           src={BackIcon}
           onClick={() => {
-            if (window.history.length > 1) {
-              window.history.back();
-            } else {
-              window.location.href = 'https://houseoss.4dkankan.com/project/syjy/mobile/index.html';
-            }
+            window.location.href = `https://houseoss.4dkankan.com/project/syjy/${
+              window.browser.isMobile() ? 'mobile' : 'pc'
+            }/index.html#/exhibition`;
           }}
         />
 

src/index/views/home/index.ylct.scss

@@ -1,4 +1,9 @@
+@function vh-calc($num) {
+  @return calc(100vh * ($num / var(--design-height)));
+}
+
 .home {
+  --design-height: 938;
   width: 100%;
   height: 100%;
 
@@ -13,22 +18,24 @@
 
     &__title {
       position: absolute;
-      top: 166px;
+      top: vh-calc(166);
       left: 50%;
-      width: 1260px;
-      height: 333px;
+      width: vh-calc(1260);
+      height: vh-calc(333);
       background: url('@/assets/images/ylct/home/title-min.png') no-repeat center / contain;
       transform: translateX(-50%);
     }
     &__logo {
       position: absolute;
-      right: 364px;
-      bottom: 122px;
+      right: vh-calc(364);
+      bottom: vh-calc(122);
     }
     &__btn {
       position: absolute;
       left: 50%;
-      bottom: 70px;
+      bottom: vh-calc(70);
+      width: vh-calc(162);
+      height: vh-calc(162);
       cursor: pointer;
       transform: translateX(-50%);
     }