还原循环监听
This commit is contained in:
al
parent
bfcdbb60f4
commit
bdb08aca6c
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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(() => {
|
||||
|
|
|
|||
|
|
@ -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" },
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue