更新

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "trae.tab.enableRename": false,
+  "trae.tab.enableAutoImport": false
+}

Scene/src/pages/A2main/index.tsx

@@ -91,6 +91,23 @@ function A2main() {
     })
   }, [])
 
+  const videoRef = useRef<HTMLVideoElement>(null)
+  // 预加载视频
+  useEffect(() => {
+    if (videoRef.current) {
+      if (isShowVideo) {
+        videoRef.current.preload = 'auto'
+        videoRef.current.play()
+      } else {
+        //重置视频
+        videoRef.current.pause()
+        videoRef.current.currentTime = 0
+      }
+
+    }
+
+  }, [isShowVideo])
+
   return (
     <div className={styles.A2main} id='gui' style={{ display: 'none' }}>
       <A21vrOff />
@@ -303,10 +320,10 @@ function A2main() {
         }}
       />
 
-      {isShowVideo && <div className="videoD">
-        <video src='data/1.mp4' autoPlay muted></video>
+      <div className="videoD" style={{ display: isShowVideo ? 'flex' : 'none' }}>
+        <video ref={videoRef} src='data/1.mp4' autoPlay muted controls></video>
         <div className="closeV" onClick={() => setIsShowVideo(false)}><img src={require('@/assets/img/close.png')} alt="" draggable="false" /></div>
-      </div>}
+      </div>
 
       {isShowNews && <A6news setIsShowNews={setIsShowNews} />}
     </div>

Scene/src/pages/A3hotList/index.module.scss

@@ -3,7 +3,7 @@
   top: 50%;
   right: 0;
   transform: translate(0, -50%);
-  width: 350px;
+  width: 450px;
   height: 100%;
   z-index: 30001;
   display: flex;
@@ -16,14 +16,17 @@
       align-items: center;
       justify-content: flex-start;
       gap: 10px;
-      width: 350px;
+      width: 450px;
       height: 100%;
       background: #8e1e26;
       color: rgba(245, 176, 110, 1);
-      font-size: 17px;
+      font-size: 16px;
       font-weight: 500;
       overflow: auto;
-      padding-bottom: 40px;
+      padding-bottom: 67px;
+      background-image: url('../../assets/img/hotlist_bg.png');
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
       // 隐藏滚动条
       &::-webkit-scrollbar {
         display: none;
@@ -31,7 +34,7 @@
       .A3title {
         padding: 40px 0 10px 0;
         font-size: 24px;
-        font-weight: 400;
+        font-weight: bold;
         color: rgba(245, 176, 110, 1);
       }
       .A3item {
@@ -40,7 +43,8 @@
         justify-content: center;
         width: 100%;
         height: fit-content;
-        padding: 4px 3px;
+        padding: 4px 10px;
+        text-align: center;
         cursor: pointer;
         &:hover {
           background-color: rgba(233, 47, 66, 0.5);
@@ -49,9 +53,9 @@
       .A3close {
         position: fixed;
         bottom: 0;
-        width: 350px;
+        width: 450px;
         height: 60px;
-        background-color: #8e1e26;
+        background-color: rgba(149, 30, 40, 1);
         border-top: 1px solid rgba(43, 31, 23, 0.1);
         cursor: pointer;
         &:hover {
@@ -84,6 +88,9 @@
         width: 100%;
         height: 100%;
         padding-bottom: 36px;
+        background-image: url('../../assets/img/hotlist_bg_M.png');
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
         .A3title {
           padding: 20px 0 10px 0;
           font-size: 16px;

Scene/src/pages/A5Mobile/index.module.scss

@@ -68,10 +68,16 @@
     }
     .button {
       cursor: pointer;
-      transform: translate(-50%, 223px);
+      top: auto;
+      bottom: 60px;
+      left: 50%;
+      transform: translateX(-50%);
       width: 85px;
-      opacity: 0;
-      animation: fadeIn 3s ease-in-out 1s forwards;
+
+      & > img {
+        opacity: 0;
+        animation: fadeIn 3s ease-in-out 2s forwards;
+      }
     }
   }
 }

Scene/src/pages/A5Mobile/index.tsx

@@ -16,7 +16,7 @@ function A5Mobile({ show, setShow }: { show: boolean; setShow: (show: boolean) =
         onClick={() => {
           setShow(false)
           history.push('/home?m=SG-H0u4QGRtEod')
-          // window.location.reload()
+          window.location.reload()
         }}
       >
         <img src={require('./image/button.png')} alt='' />