还原循环监听

app/page.js

@@ -76,7 +76,6 @@ export default function Home() {
       </div>
       <Swiper
         direction="horizontal"
-        allowTouchMove={false}
         loop={false}
         indicator={() => null}
         ref={swiperRef}
@@ -256,7 +255,7 @@ const FollowPostList = forwardRef(({ scrollHeight }, ref) => {
         }
       );
       // debugger;
-      console.log("offset", followsResponse.data.offset);
+      // console.log("offset", followsResponse.data.offset);
       setOffset(followsResponse.data.offset);
       setHasMore(followsResponse.data.more);
       setLoading(false);

components/AddToHome/index.jsx

@@ -4,7 +4,7 @@ import React, { useState, useEffect } from "react";
 import { Image } from "antd-mobile";
 import { get,save } from "@/utils/storeInfo";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faAngleUp, faClose } from "@fortawesome/free-solid-svg-icons";
+import { faClose } from "@fortawesome/free-solid-svg-icons";
 export default function AddToHome() {
   const [firstLogin, setFirstLogin] = useState({ first: "0", second: false });
   useEffect(() => {

components/Photos/index.js

@@ -8,7 +8,6 @@ import { useRouter } from "next/navigation";
 import baseRequest from "@/utils/baseRequest";
 import Player from "next-video/player";
 // import ImagesMask from "@/components/ImagesMask";
-// import Viewer from 'react-viewer';
 export default function Photos({
   isUnlocked,
   mediaVisibleRange,
@@ -63,15 +62,15 @@ export default function Photos({
   }, [media]);
   const showPhotos = (photos, index) => {
     currentIndex.current = index;
-    // const interval = setInterval(() => {
+    const interval = setInterval(() => {
-    //   const bodyBox = document.getElementsByClassName("photos-bodyBox")[0];
+      const bodyBox = document.getElementsByClassName("photos-bodyBox")[0];
-    //   if (bodyBox) {
+      if (bodyBox) {
-    //     bodyBox.firstChild.lastChild.style.transform = `translateX(-${
+        bodyBox.firstChild.lastChild.style.transform = `translateX(-${
-    //       currentIndex.current * (window.innerWidth + 16)
+          currentIndex.current * (window.innerWidth + 16)
-    //     }px)`;
+        }px)`;
-    //     // console.log(bodyBox.firstChild.lastChild.style.transform);
+        // console.log(bodyBox.firstChild.lastChild.style.transform);
-    //   }
+      }
-    // }, 400);
+    }, 400);
 
     // 添加左右切换按钮
     const btns = document.createElement("div");
@@ -81,7 +80,7 @@ export default function Photos({
     btnL.addEventListener("click", () => {
       if (currentIndex.current > 0) {
         currentIndex.current = currentIndex.current - 1;
-        handleShowImages(currentIndex.current, photos, btns);
+        handleShowImages(currentIndex.current, photos, btns,interval);
         if (!currentIndex.current) {
           btnL.style.opacity = 0.5;
           btnR.style.opacity = 1;
@@ -96,7 +95,7 @@ export default function Photos({
     btnR.addEventListener("click", () => {
       if (currentIndex.current < currentPhotos.length - 1) {
         currentIndex.current = currentIndex.current + 1;
-        handleShowImages(currentIndex.current, photos, btns);
+        handleShowImages(currentIndex.current, photos, btns,interval);
         if (currentIndex.current == currentPhotos.length - 1) {
           btnR.style.opacity = 0.5;
           btnL.style.opacity = 1;
@@ -107,7 +106,7 @@ export default function Photos({
       }
     });
     btns.append(btnL, btnR);
-    handleShowImages(index, photos, btns);
+    handleShowImages(index, photos, btns,interval);
 
     // setVisible(true)
     // imagesMaskRef.current.show(photos.map((item) => item?.url),index)
@@ -151,7 +150,7 @@ export default function Photos({
       },
       afterClose: () => {
         mediaDom.remove();
-        // clearInterval(interval);
+        clearInterval(interval);
       },
       classNames: { body: "photos-bodyBox" },
     });

package-lock.json

@@ -26,7 +26,6 @@
         "react-dom": "^18",
         "react-player": "^2.16.0",
         "react-redux": "^9.1.2",
-        "react-viewer": "^3.2.2",
         "redux": "^5.0.1",
         "sass": "^1.77.6"
       },
@@ -5877,14 +5876,6 @@
         }
       }
     },
-    "node_modules/react-viewer": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmmirror.com/react-viewer/-/react-viewer-3.2.2.tgz",
-      "integrity": "sha512-DHOq1x6cXsAViY43204ILRzLVR5ovP1MgzsC+LzZCWlInRuHjzAgpQZ8GzWm1CkiNYuHGwCxH36X0JUHl2xDSg==",
-      "dependencies": {
-        "classnames": "^2.2.5"
-      }
-    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/read-cache/-/read-cache-1.0.0.tgz",
@@ -11204,14 +11195,6 @@
         "use-sync-external-store": "^1.0.0"
       }
     },
-    "react-viewer": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmmirror.com/react-viewer/-/react-viewer-3.2.2.tgz",
-      "integrity": "sha512-DHOq1x6cXsAViY43204ILRzLVR5ovP1MgzsC+LzZCWlInRuHjzAgpQZ8GzWm1CkiNYuHGwCxH36X0JUHl2xDSg==",
-      "requires": {
-        "classnames": "^2.2.5"
-      }
-    },
     "read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/read-cache/-/read-cache-1.0.0.tgz",

package.json

@@ -27,7 +27,6 @@
     "react-dom": "^18",
     "react-player": "^2.16.0",
     "react-redux": "^9.1.2",
-    "react-viewer": "^3.2.2",
     "redux": "^5.0.1",
     "sass": "^1.77.6"
   },