diff --git a/app/page.js b/app/page.js index 850258f..d45729a 100644 --- a/app/page.js +++ b/app/page.js @@ -76,7 +76,6 @@ export default function Home() { 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); diff --git a/components/AddToHome/index.jsx b/components/AddToHome/index.jsx index 1f37e6b..d2c6076 100644 --- a/components/AddToHome/index.jsx +++ b/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(() => { diff --git a/components/Photos/index.js b/components/Photos/index.js index 7e2ecb0..b357692 100644 --- a/components/Photos/index.js +++ b/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 bodyBox = document.getElementsByClassName("photos-bodyBox")[0]; - // if (bodyBox) { - // bodyBox.firstChild.lastChild.style.transform = `translateX(-${ - // currentIndex.current * (window.innerWidth + 16) - // }px)`; - // // console.log(bodyBox.firstChild.lastChild.style.transform); - // } - // }, 400); + const interval = setInterval(() => { + const bodyBox = document.getElementsByClassName("photos-bodyBox")[0]; + if (bodyBox) { + bodyBox.firstChild.lastChild.style.transform = `translateX(-${ + currentIndex.current * (window.innerWidth + 16) + }px)`; + // console.log(bodyBox.firstChild.lastChild.style.transform); + } + }, 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" }, }); diff --git a/package-lock.json b/package-lock.json index 47c50e3..3406c42 100644 --- a/package-lock.json +++ b/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", diff --git a/package.json b/package.json index ba908d7..2b14b1d 100644 --- a/package.json +++ b/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" },