wishpal_ironfan
/
tiefen_space_h5
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

改善请求次数

This commit is contained in:
al 2024-08-07 20:46:16 +08:00
parent 176a87ba7b
commit e568325a41
3 changed files with 52 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/page.js
View File

@ -139,7 +139,6 @@ const RecommPostList = forwardRef(({ scrollHeight }, ref) => {
setHasMore(true);
}
async function loadMore() {
debugger;
const list = await getRecommPostList(!commenPostList.length?2:0);
if (list.length == 0) {
setHasMore(false);

102
components/Photos/index.js
View File

@ -8,7 +8,7 @@ import { useRouter } from "next/navigation";
import baseRequest from "@/utils/baseRequest";
import { handleShowVideo } from "@/utils/tools/handleFuns";
// import dynamic from 'next/dynamic'
import ImagesMask from "@/components/ImagesMask";
// import ImagesMask from "@/components/ImagesMask";
// const ImagesMask = dynamic(() =>
// import('@/components/ImagesMask'), { ssr: false }
// )
@ -113,59 +113,59 @@ export default function Photos({
// });
// btns.append(btnL, btnR);
// handleShowImages(index, photos, btns,interval);
// handleShowImages(index, photos, interval);
handleShowImages(index, photos, interval);
// setVisible(true)
console.log(imagesMaskRef.current);
imagesMaskRef.current.show(
photos.map((item) => item?.url),
index
);
// console.log(imagesMaskRef.current);
// imagesMaskRef.current.show(
// photos.map((item) => item?.url),
// index
// );
};
// const handleShowImages = (index, photos, interval) => {
// const mediaDom = document.createElement("div");
// mediaDom.style.width = "100vw";
// document.body.appendChild(mediaDom);
// mediaDom.className = `${
// photos[index]?.type == "hid" ? "mediaDom photos-body" : "mediaDom"
// }`;
// // mediaDom.appendChild(btns);
// ImageViewer.clear();
// ImageViewer.Multi.show({
// images: photos.map((item) => item?.url),
// defaultIndex: index,
// renderFooter: (image, index) => {
// return renderFooter(photos[index]?.type == "hid", mediaDom);
// },
const handleShowImages = (index, photos, interval) => {
const mediaDom = document.createElement("div");
mediaDom.style.width = "100vw";
document.body.appendChild(mediaDom);
mediaDom.className = `${
photos[index]?.type == "hid" ? "mediaDom photos-body" : "mediaDom"
}`;
// mediaDom.appendChild(btns);
ImageViewer.clear();
ImageViewer.Multi.show({
images: photos.map((item) => item?.url),
defaultIndex: index,
renderFooter: (image, index) => {
return renderFooter(photos[index]?.type == "hid", mediaDom);
},
// getContainer: mediaDom,
// onIndexChange: (index) => {
// currentIndex.current = index;
// mediaDom.className = `${
// photos[index]?.type == "hid" ? "mediaDom photos-body" : "mediaDom"
// }`;
// const leftBtn = document.getElementsByClassName("imagesBtnsControllerLeft")[0]
// const rightBtn = document.getElementsByClassName("imagesBtnsControllerRight")[0]
// if(leftBtn && rightBtn){
// if(!index){
// leftBtn.style.opacity=0.5
// rightBtn.style.opacity=1
// }else if(index==currentPhotos.length-1){
// leftBtn.style.opacity=1
// rightBtn.style.opacity=0.5
// }else{
// leftBtn.style.opacity=1
// rightBtn.style.opacity=1
// }
// }
// },
// afterClose: () => {
// mediaDom.remove();
// clearInterval(interval);
// },
// classNames: { body: "photos-bodyBox" },
// });
// };
getContainer: mediaDom,
onIndexChange: (index) => {
currentIndex.current = index;
mediaDom.className = `${
photos[index]?.type == "hid" ? "mediaDom photos-body" : "mediaDom"
}`;
const leftBtn = document.getElementsByClassName("imagesBtnsControllerLeft")[0]
const rightBtn = document.getElementsByClassName("imagesBtnsControllerRight")[0]
if(leftBtn && rightBtn){
if(!index){
leftBtn.style.opacity=0.5
rightBtn.style.opacity=1
}else if(index==currentPhotos.length-1){
leftBtn.style.opacity=1
rightBtn.style.opacity=0.5
}else{
leftBtn.style.opacity=1
rightBtn.style.opacity=1
}
}
},
afterClose: () => {
mediaDom.remove();
clearInterval(interval);
},
classNames: { body: "photos-bodyBox" },
});
};
const handleSeeAllPhotos = (e) => {
e.stopPropagation();
e.preventDefault();
@ -304,7 +304,7 @@ export default function Photos({
);
})}
</div>
<ImagesMask ref={imagesMaskRef} />
{/* <ImagesMask ref={imagesMaskRef} /> */}
{/* <Viewer
visible={visible}
onClose={() => { setVisible(false); } }

2
components/PostItem/index.js
View File

@ -163,7 +163,7 @@ export default function PostItem({
</div>
)}
</div>
<div className="mr-8 min-h-24 bg-[#ffffff1a] rounded-md">
<div className="mr-8 min-h-24 rounded-md">
{data.media_component && (
<Photos
data={data}