freefire
b24f6c23ea
统一标题锚点定位、编辑底栏固定与操作栏分层，列表徽章前置并区分置顶/问答配色。 Co-authored-by: Cursor <cursoragent@cursor.com>
36 lines
1.4 KiB
TypeScript
36 lines
1.4 KiB
TypeScript
import { Skeleton } from '@/components/ui/skeleton';
|
|
import PostListSkeleton from './PostListSkeleton';
|
|
|
|
/** 首页 Feed 初始骨架（标题区 + 排序栏 + 列表） */
|
|
export default function FeedPageSkeleton() {
|
|
return (
|
|
<div className="page-wrap page-wrap--feed" aria-busy="true" aria-label="内容加载中">
|
|
<div className="feed-panel">
|
|
<div className="feed-top">
|
|
<div className="feed-top__bar">
|
|
<div className="feed-head feed-head--stats-only">
|
|
<div className="feed-head__title">
|
|
<div className="feed-head__stats">
|
|
<Skeleton className="skeleton--stat-chip" />
|
|
<Skeleton className="skeleton--stat-chip" />
|
|
<Skeleton className="skeleton--stat-chip" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="feed-toolbar feed-toolbar--skeleton" aria-hidden>
|
|
<Skeleton className="skeleton--sort-tab" />
|
|
<Skeleton className="skeleton--sort-tab" />
|
|
<Skeleton className="skeleton--sort-tab" />
|
|
<span className="feed-toolbar__spacer" />
|
|
<Skeleton className="skeleton--count" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="post-list-scroll">
|
|
<PostListSkeleton />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|