翻页器

展示多页列表时可使用翻页器进行页码设置和切换。

概念说明

属性

组件通用属性请参见组件通用说明。

翻页器

• 当前页码：翻页器的当前页。

• 总页数：翻页器的总页数。

• 两边显示的数量：当页数多时，两边恒定显示的数量。

• 中间显示的数量：当页数多时，左侧恒定显示的数量，若和两边的显示数量不一致，则取两者之间的最大值。

• 总条数：数据的总条数目。

• 每页条数：每页展示数据的条目数，默认为[10,20,50]。

• 条数选项列表：每页条数选项列表。

• 切换条数选项：是否显示切换每页条数选项。

  

• 跳转输入框：是否显示页面跳转输入框。

  

事件

事件名	触发条件
选择后	选择分页时触发
改变后	页码改变时触发
条数改变后	每页条数改变时触发

样式

样式说明请参见组件通用说明。

主题样式

• item-border-radius：翻页器的按钮圆角大小，如1px。
• item-border-color：翻页器的按钮边框颜色，如#223325。
• item-border-color-hover：翻页器的按钮边框颜色（hover状态），如#223325。
• item-border-color-disabled：翻页器的按钮边框颜色（hover状态），如#223325。
• item-height-small：Small翻页器的按钮高度，如1px。
• item-height：翻页器的按钮高度，如1px。
• item-width-small：Small翻页器的按钮宽度，如1px。
• item-width：翻页器的按钮宽度，如1px。
• item-font-size：翻页器的字体大小，如1px。
• item-color：翻页器的页数文本颜色，如#223325。
• item-color-hover：翻页器的页数文本颜色(hover状态)，如#223325。
• item-color-selected：翻页器的页数文本颜色(选中状态)，如#223325。
• item-color-disabled：翻页器的按钮文本颜色(禁用状态)，如#223325。
• item-color-blank：翻页器的省略方块文本颜色，如#223325。
• item-color-blank-disabled：翻页器的省略方块文本颜色（禁用状态），如#223325。
• item-background：翻页器的按钮背景色（未选中状态），如#223325。
• item-background-hover：翻页器的按钮背景色（hover状态，未选中状态），如#223325。
• item-background-selected：翻页器的按钮背景色（选中状态），如#223325。
• item-background-blank：翻页器的省略方块背景色，如#223325。
• item-padding：翻页器的内边距，如1px。