Appearance
Pagination-DEMO
vue
<fv-Pagination>
</fv-Pagination>
Pagination With Background
vue
<fv-Pagination background="whitesmoke">
</fv-Pagination>
Pagination With Boxshadow
vue
<fv-Pagination :total="100" background="whitesmoke" :shadow="true">
</fv-Pagination>
Pagination Small Size
vue
<fv-Pagination :small="true">
</fv-Pagination>
Pagination Disabled
vue
<fv-Pagination disabled>
</fv-Pagination>
Pagination Dark Theme
vue
<fv-Pagination theme="dark" background="black">
</fv-Pagination>
Propoties
属性(attr) | 类型(type) | 必填(required) | 默认值(default) | 说明(statement) |
---|---|---|---|---|
value | Number | No | 1 | 当前页码数 |
foreground | [string(color)] | No | rgba(0, 90, 158, 1) | |
background | [string(color)] | No | transparent | |
total | Number | No | 10 | 总页码数 |
maxVisual | Number | No | 7 | 最大可视按钮 |
small | Boolean | No | false | 小型分页按钮 |
shadow | Boolean | No | false | |
disabled | Boolean | No | false | |
theme | String | No | system | 主题样式, 包含light , dark , system , custom 几种样式 |
Events
事件名(Name) | 参数类型(args) | 说明(statement) |
---|---|---|
next-click | number | 下一页按钮点击 |
prev-click | number | 上一页按钮点击 |
page-click | number | 翻页按钮点击 |