Pagination分页导航(非模块)

Pagination分页导航并没有封装为组件,因为不同系统使用分页的方式各有不同,以原生的html和css设计pagination就方便不同的场景自行组合分页元素,这些元素包括“上一页/下一页”导航,“首页尾页”导航,诸多页码,当前页码,页码跳转,分页数量等。

简单使用

_pagination包裹,当前分页请用追加selected表示;总分页用role=total属性表示;上一页用使用role=prev属性表示;下一页使用role=next属性表示;首页使用role=first属性表示;尾页使用role=last属性表示。

默认居中排列,可组合使用align=leftalign=right属性实现居左排列和居右排列。

多种变形

前后导航的图标可以是纯文本,也可以是特殊字符或字体图标。

按钮组风格

标准分页结构还包括role=mainrole=pages节点,使用这两个节点可以实现更多风格。

role=main节点包含了页码和导航按钮;role=pages仅包含页码。

在使用以上两个节点基础上,再追加type=group属性即可实现按钮组风格。

简约风格

使用type=plain属性即可实现最简单简约的风格。

  • 输出
  • HTML

特殊字符

如果分页中使用特殊字符,认为默认字号偏小,可给特殊字符单独追加_char样式类,可增大特殊字符字号。

  • 输出
  • HTML