更新记录
20210321-N1.0.2(2021-03-22) 下载此版本
1.优化点击上一页,和最后一页逻辑 ps:真的没想到有这么多人给我留言,看到了大家的评论,接受批评,终于腾出时间优化了它
20200909T1.0.1(2020-09-09) 下载此版本
20200909 1.基础功能添加:简单的分页功能
平台兼容性
属性 | 类型 | 默认值 | 详细说明 |
---|---|---|---|
page | Number | 1 | 当前页 |
pageSize | Number | 10 | 页码 |
total | Number | 0 | 总数 |
// pages.json
// 引入组件,如easycom 引入之后,可直接再页面使用
{
"pages": [{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "分页器"
}
}],
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#007AFF",
"backgroundColor": "#FFFFFF"
},
"easycom": {
"autoscan": true, //是否自动扫描组件
"custom": { //自定义扫描规则
"^onion-(.*)": "@/components/onion-$1/onion-$1.vue"
}
}
}
// index.vue
// 使用示例
<template>
<view class="container">
<onion-pagination :page.sync="page" :pageSize="pageSize" :total="total" ></onion-pagination>
</view>
</template>
<script>
export default {
data() {
return {
href: 'https://uniapp.dcloud.io/component/README?id=uniui',
page: 1,
pageSize: 10,
total:100
}
},
methods: {
}
}
</script>
<style>
.container {
padding: 20px;
font-size: 14px;
line-height: 24px;
}
</style>