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 21:28:17 +08:00
parent e568325a41
commit f8160ecd42
3 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/page.js
View File

@ -139,6 +139,7 @@ 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);

26
components/Photos/index.js
View File

@ -210,13 +210,13 @@ export default function Photos({
<>
<div
className={`grid ${
currentPhotos.length > 1 ? "grid-cols-3 gap-1.5" : "grid-cols-1"
currentPhotos.length > 1 ? "grid-cols-3 gap-1.5 min-h-[24vw]" : "grid-cols-1 min-h-[38vw]"
}`}
>
{currentPhotos.map((item, index) => {
return (
<div
className="relative"
className="relative w-max"
style={{ maxWidth: "calc(100vw - 72px)" }}
key={index}
onClick={() => {
@ -241,27 +241,27 @@ export default function Photos({
>
{
<div
className={`overflow-hidden rounded h-full max-h-80 ${
currentPhotos.length > 1 ? "min-h-[24vw]" : "min-h-[38vw]"
className={`overflow-hidden inline-block rounded h-full max-h-80 ${
currentPhotos.length > 1 ? "min-h-[24vw]" : "max-h-[38vw]"
}`}
>
<Image
// lazy={true}
placeholder={
<div className="w-full h-full bg-[#1d1d1d] rounded"></div>
<div className="w-full h-full min-h-96 bg-[#1d1d1d] rounded"></div>
}
width={currentPhotos.length > 1 ? "24vw" : "100%"}
height={currentPhotos.length > 1 ? "24vw" : "auto"}
width={currentPhotos.length > 1 ? "24vw" : "auto"}
height={currentPhotos.length > 1 ? "24vw" : "38vw"}
className={`rounded max-w-full ${
item?.type == "hid" && type == "space" ? "imageBlur" : ""
}`}
fit="cover"
fit={currentPhotos.length > 1?"cover":"contain"}
src={item?.url}
/>
</div>
}
{item?.mp4 && (
<div className="absolute top-0 w-full h-full rounded flex justify-center items-center bg-[#33333348]">
<div className="absolute top-0 w-full h-full rounded flex justify-center items-center">
<Image
className=""
width={98}
@ -269,7 +269,9 @@ export default function Photos({
src={
process.env.NEXT_PUBLIC_WEB_ASSETS_URL + "/icons/play.png"
}
placeholder=""
placeholder={
<div className="w-full h-full min-h-96 bg-[#1d1d1d] rounded"></div>
}
/>
</div>
)}
@ -282,14 +284,14 @@ export default function Photos({
photos.length > 9 &&
(!seeAllPhotos ? (
<div
className="absolute top-0 w-full h-full flex justify-center items-center bg-[#33333348]"
className="absolute top-0 h-full flex justify-center items-center bg-[#33333348]"
onClick={handleSeeAllPhotos}
>
<span className="text-2xl">+{currentPhotos.length}</span>
</div>
) : (
<div
className="absolute top-0 w-full h-full flex justify-center items-center bg-[#33333348]"
className="absolute top-0 h-full flex justify-center items-center bg-[#33333348]"
key="closeBtn"
onClick={handleSeeAllPhotos}
>

2
components/PostItem/index.js
View File

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