更新记录

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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问