更新记录

20210321-N1.0.2（2021-03-22）

1.优化点击上一页，和最后一页逻辑 ps:真的没想到有这么多人给我留言，看到了大家的评论，接受批评，终于腾出时间优化了它

20200909T1.0.1（2020-09-09）

20200909 1.基础功能添加：简单的分页功能

平台兼容性

// 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>