Pagination分页导航(非模块)
Pagination分页导航并没有封装为组件,因为不同系统使用分页的方式各有不同,以原生的html和css设计pagination就方便不同的场景自行组合分页元素,这些元素包括“上一页/下一页”导航,“首页尾页”导航,诸多页码,当前页码,页码跳转,分页数量等。
简单使用
用_pagination
包裹,当前分页请用追加selected
表示;总分页用role=total
属性表示;上一页用使用role=prev
属性表示;下一页使用role=next
属性表示;首页使用role=first
属性表示;尾页使用role=last
属性表示。
默认居中排列,可组合使用align=left
和align=right
属性实现居左排列和居右排列。
多种变形
前后导航的图标可以是纯文本,也可以是特殊字符或字体图标。
- 输出
- HTML
按钮组风格
标准分页结构还包括role=main
和role=pages
节点,使用这两个节点可以实现更多风格。
role=main
节点包含了页码和导航按钮;role=pages
仅包含页码。
在使用以上两个节点基础上,再追加type=group
属性即可实现按钮组风格。
简约风格
使用type=plain
属性即可实现最简单简约的风格。
特殊字符
如果分页中使用特殊字符,认为默认字号偏小,可给特殊字符单独追加_char
样式类,可增大特殊字符字号。