更新记录

1.0.9(2024-09-26) 下载此版本

暂不支持vue3;修复网友说的切换分页抖动问题,提供可配置参数。

1.0.8(2023-09-05) 下载此版本

修复文档。

1.0.7(2023-08-29) 下载此版本

修复显示问题。

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× ×

方便您的同时,请五星、收藏,让好的东西照亮更多深渊中负重前行的代码人。

创作不易,在您方便之际,赞赏作者,我们会更有动力继续下去。

简介

ljs-pagination,分页插件。简洁、美观的移动端分页插件。

平台兼容性

全平台兼容。

快速开始

使用 uni_modules 安装(推荐)

使用 uni_modules 方式安装组件库,可以直接通过插件市场导入,通过右键菜单快速更新组件,不需要引用、注册,直接在页面中使用 ljs-treeChoose 组件。

参数

参数 类型 必填项 默认值 说明
total Number 总条数。
pageNum Number 当前页,支持.sync。
pageSize Number × 5 每页条数。
activeColor String × #004799 被选中页码的样式。
itemWidth Number × 55 item宽度,单位rpx。
itemNum Number × 3 中间item显示的数量。建议使用3/5/7,其他数据可能会出现显示异常。

方法

参数 类型 解释
@num-change Function 页码变化的回调函数,(num) => {}

快速应用

<template>
    <view class="content">
        <ljs-pagination
            :total="table.total"
            :pageNum.sync="table.pageNum"
            :pageSize="table.pageSize"
            @num-change="numF">
        </ljs-pagination>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                table: {
                    pageNum: 1,
                    pageSize: 5,
                    total: 72,
                    data: []
                }
            }
        },
        onLoad() {
        },
        methods: {
            // 分页 - 页码变化
            numF(num) {
                this.table.pageNum = num;
            },
        }
    }
</script>

贡献代码

龙九山。有任何问题,请在平台留言,在手头宽裕得情况下,我会尽快修复问题。

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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