upup

src/views/HomeView.vue

@@ -661,7 +661,7 @@ div {
 
     & > div {
       z-index: 100;
-      transition: all 2s ease-in-out;
+      transition: all 1.5s ease-in-out;
     }
 
     > .hotspot-1 {
@@ -722,7 +722,7 @@ div {
 
     & > div {
       z-index: 100;
-      transition: all 2s ease-in-out;
+      transition: all 1.5s ease-in-out;
     }
 
     // background: rgba(0, 128, 0, 0.527);
@@ -854,7 +854,7 @@ div {
       left: 0;
       z-index: 2;
       overflow: hidden;
-      transition: opacity 1s ease;
+      transition: opacity 1.5s ease;
     }
   }
 

src/views/PCHome.vue

@@ -1,6 +1,9 @@
 <script setup>
 import { inject } from "vue"
+import useSizeAdapt from "@/useFunctions/useSizeAdapt"
 const $env = inject("$env")
+const { windowSizeInCssForRef, windowSizeWhenDesignForRef } = useSizeAdapt()
+
 
 </script>
 
@@ -22,16 +25,26 @@ const $env = inject("$env")
   height: 100%;
   overflow: hidden;
   background: url(@/assets/images/pc-bg.png);
-  background-size: cover;
+  background-size: 100% 100%;
   backdrop-filter:blur(20px);
   display: flex;
   justify-content: center;
   align-items: center;
   .code-box{
     position: absolute;
-    bottom: 30px;
+    bottom:calc(81 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
     left: 50%;
-    transform: translateX(-50%)
+    transform: translateX(-50%);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    color: #ffffff;
+    font-family: 'KingHwa_OldSong';
+    font-size: calc(18 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    img{
+      margin-bottom: calc(20 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    }
   }
 }
 </style>