33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
|
"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">
|
||
|
|
<div className="mr-2">
|
||
|
|
<Skeleton animated className={styles.avatarSkeleton} />
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div className="mb-4 h-4 rounded-lg animate-pulse flex justify-between items-center w-full">
|
||
|
|
<Skeleton animated className={styles.titleSkeleton} />
|
||
|
|
<Skeleton animated className={styles.btnSkeleton}/>
|
||
|
|
</div>
|
||
|
|
<Skeleton.Paragraph lineCount={1} animated />
|
||
|
|
<div className="flex ">
|
||
|
|
<div className="mb-5 mr-2 w-24 h-18 rounded-lg animate-pulse">
|
||
|
|
<Skeleton animated className={styles.photoSkeleton} />
|
||
|
|
</div>
|
||
|
|
<div className="mb-5 mr-2 w-24 h-18 rounded-lg animate-pulse">
|
||
|
|
<Skeleton animated className={styles.photoSkeleton} />
|
||
|
|
</div>
|
||
|
|
<div className="mb-5 mr-2 w-24 h-18 rounded-lg animate-pulse">
|
||
|
|
<Skeleton animated className={styles.photoSkeleton} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|