分页。
扫码体验
示例代码
{
"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。 | 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 时生效。
在文档使用中是否遇到以下问题
更多建议
匿名提交