Skip to main content

yggdrasil/components/skeletons/
search_skeleton.rs

1//! 与搜索索引条目对齐的骨架屏，也用于搜索路由的加载占位。
2
3use dioxus::prelude::*;
4
5#[component]
6pub fn SearchSkeleton() -> Element {
7    rsx! {
8        div { class: "search-skeleton", aria_hidden: "true",
9            for i in 0..3 {
10                div { key: "{i}", class: "search-skeleton-row",
11                    span { class: "search-skeleton-number" }
12                    div {
13                        div { class: "search-skeleton-meta" }
14                        div { class: "search-skeleton-title" }
15                        div { class: "search-skeleton-summary" }
16                        div { class: "search-skeleton-tag" }
17                    }
18                }
19            }
20        }
21    }
22}