Pagination 分页

分页。

扫码体验

image.png

示例代码

{
  "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({})

属性

属性名描述类型默认值
mode按钮的形态可选类型:text、icon。Stringtext
total总页数。Number0
current当前页数。Number0
simple是否隐藏数值。Booleanfalse
disabled禁用状态。Booleanfalse
prevText前翻分页按钮文案。String上一页
nextText后翻分页按钮文案。String下一页
btnClass分页按钮样式,限于文字类型按钮。String-
onChange翻页回调函数。(index: Number) => void-

说明:prevText 和 nextText 当且仅当 mode 为 text 时生效。