tiefen_space_h5/components/skeletons/PostItemSkeleton/index.js

27 lines
954 B
JavaScript
Raw Normal View History

2024-06-25 22:47:18 +08:00
"use client";
import React from "react";
import { Skeleton } from "antd-mobile";
import styles from "./index.module.scss";
export default function PostItemSkeleton() {
return (
<div className="flex mb-4">
2024-06-25 22:47:18 +08:00
<div className="mr-2">
<Skeleton animated className={`${styles.avatarSkeleton} mt-[1px]`} />
2024-06-25 22:47:18 +08:00
</div>
<div className="w-full">
<div className="mb-4 rounded-lg animate-pulse flex justify-between items-center w-full">
<Skeleton animated className={styles.titleSkeleton}/>
2024-06-25 22:47:18 +08:00
<Skeleton animated className={styles.btnSkeleton}/>
</div>
<Skeleton.Paragraph lineCount={1} animated />
<div className="grid grid-cols-3 gap-1.5 w-full">
<Skeleton animated className={styles.photoSkeleton} />
<Skeleton animated className={styles.photoSkeleton} />
<Skeleton animated className={styles.photoSkeleton} />
2024-06-25 22:47:18 +08:00
</div>
</div>
</div>
);
}