分页导航

Pagination操作与导航

前台文章列表的分页：上一页、下一页为小号描边按钮，中间是「当前 / 总」页码；首页不显示上一页，末页不显示下一页。翻页走路由。

属性

名称	类型	默认值	说明
`current_page`	`Signal<i32>`	必填	当前页码，从 1 开始。
`total`	`Signal<i64>`	必填	全部记录数。
`per_page`	`i32`	必填	每页记录数，必须大于 0。
`prev_route`	`Signal<String>`	必填	上一页的目标路径，用 Route::..to_string() 生成。
`next_route`	`Signal<String>`	必填	下一页的目标路径，用 Route::..to_string() 生成。

键盘

Tab: 在上一页与下一页之间移动
Enter: 翻页

用法

src/components/ui/navigation.rs

let prev_route = Route::Home.to_string();
let next_route = Route::HomePage { page: 3 }.to_string();

view! {
    <Pagination
        current_page=2
        total=80_i64
        per_page=10
        prev_route=prev_route
        next_route=next_route
    />
}