yggdrasil/components/skeletons/friends_skeleton.rs
1//! 友链页骨架屏
2//!
3//! 在友链数据加载期间展示卡片网格占位。纯色块，无动画
4//! （符合规范「避免骨架屏截断动画」的反模式）。
5
6use dioxus::prelude::*;
7
8/// 友链页骨架屏组件。
9///
10/// 结构：两列网格内 6 个与真实卡片高度相近的圆角色块。
11#[component]
12pub fn FriendsSkeleton() -> Element {
13 rsx! {
14 div { class: "grid grid-cols-1 sm:grid-cols-2 gap-6",
15 for _ in 0..6 {
16 div { class: "h-40 rounded-card bg-paper-entry/60" }
17 }
18 }
19 }
20}