分页

使用方法

将多个按钮放置在 <div class="pager"> 内即可创建一个分页组件。

简单的翻页。

为分页按钮添加 active 类标记选中，添加 disabled 类来禁用页码，被禁用的页码将无法响应点击事件。

使用 gap-* CSS 工具类可获得宽松的分页组件。

结合使用 justify-between CSS 工具类可获得页面两端对齐的分页组件。

除了默认大小，还提供了额外的 2 种预设尺寸。可以通过为 pager 添加 size-* 类来获取其他尺寸外观。

结合使用 dropdown 下拉菜单组件可展示调整每页显示数的分页组件。

结合使用 input-group 输入组组件可展示快速跳转到某一页的分页组件。

分页提供了如下 CSS 类：