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 | 翻页按钮点击 |