本文介绍分页(pagination)。
属性名 | 描述 | 类型 | 默认值 |
---|---|---|---|
mode | 按钮的形态可选类型:text 、icon |
String | 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({})
在文档使用中是否遇到以下问题
更多建议
匿名提交