本文介绍分页(pagination)。
属性名 | 类型 | 描述 | 默认值 |
---|---|---|---|
mode | String | 按钮的形态可选类型:text 、icon 。 |
text |
total | Number | 总页数。 | 0 |
current | Number | 当前页数。 | 0 |
simple | Boolean | 是否隐藏数值。 | false |
disabled | Boolean | 禁用状态。 | false |
prevText | String | 前翻分页按钮文案。 | 上一页 |
nextText | String | 后翻分页按钮文案。 | 下一页 |
btnClass | String | 分页按钮样式,限于文字类型按钮。 | – |
onChange | (index: Number) => void | 翻页回调函数。 | 无 |
prevText
和 nextText
当且仅当 mode 为 text
时生效。
代码示例
{
"defaultTitle": "小程序 AntUI 组件库",
"usingComponents": {
"pagination": "mini-antui/es/pagination/index"
}
}
<view>
<view class="demo-title">基础用法</view>
<pagination total="{{20}}" current="{{1}}"/>
<view class="demo-title">箭头按钮</view>
<pagination mode="icon" total="{{20}}" current="{{10}}"/>
<view class="demo-title">简单模式</view>
<pagination simple total="{{20}}" current="{{1}}"/>
<view class="demo-title">按钮禁用</view>
<pagination total="{{20}}" current="{{1}}" disabled/>
<view class="demo-title">自定义按钮文案</view>
<pagination arrow prevText="上一篇" nextText="下一篇" total="{{20}}" current="{{1}}"/>
</view>
Page({})