全部产品
云市场
云游戏

分页(pagination)

更新时间:2020-03-26 11:53:26

本文介绍分页(pagination)。

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

prevTextnextText 当且仅当 mode 为 text 时生效。

代码示例

  1. {
  2. "defaultTitle": "小程序 AntUI 组件库",
  3. "usingComponents": {
  4. "pagination": "mini-antui/es/pagination/index"
  5. }
  6. }
  1. <view>
  2. <view class="demo-title">基础用法</view>
  3. <pagination total="{{20}}" current="{{1}}"/>
  4. <view class="demo-title">箭头按钮</view>
  5. <pagination mode="icon" total="{{20}}" current="{{10}}"/>
  6. <view class="demo-title">简单模式</view>
  7. <pagination simple total="{{20}}" current="{{1}}"/>
  8. <view class="demo-title">按钮禁用</view>
  9. <pagination total="{{20}}" current="{{1}}" disabled/>
  10. <view class="demo-title">自定义按钮文案</view>
  11. <pagination arrow prevText="上一篇" nextText="下一篇" total="{{20}}" current="{{1}}"/>
  12. </view>
  1. Page({})