Skip to content

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)
valueNumberNo1当前页码数
foreground[string(color)]Norgba(0, 90, 158, 1)
background[string(color)]Notransparent
totalNumberNo10总页码数
maxVisualNumberNo7最大可视按钮
smallBooleanNofalse小型分页按钮
shadowBooleanNofalse
disabledBooleanNofalse
themeStringNosystem主题样式, 包含light, dark, system, custom几种样式

Events


事件名(Name)参数类型(args)说明(statement)
next-clicknumber下一页按钮点击
prev-clicknumber上一页按钮点击
page-clicknumber翻页按钮点击

MIT Licensed