更新记录

1.0.0（2025-10-21） 下载此版本

1.可以切换按钮背景及选中效果 2.通过slot自定义左/右按钮样式 3.添加分页模式,页面跳转模式

平台兼容性

uni-app(3.7.1)

• 概要
• 支持的平台
• 使用方式
• 属性说明
• 事件说明
• 温馨提示

概要

xy-page是一个页面分页插件，灵活配置、简单易用、兼容多端、同时兼容vue2和vue3。

自定义按钮： 通过设置slot属性，可以自定义改变按钮样式

样式控制： 可以自定义背景及选中效果

uniapp插件市场地址：https://ext.dcloud.net.cn/plugin?id=7594

支持的平台

H5、app

nvue：暂不支持，后期可能会支持，目前需要的可以自己修改源码。

使用方式

1、导入插件

该组件符合uni_modules规范，使用Hbuilderx导入插件，导入到项目根目录中的uni_modules文件夹中。

2、template中使用

uni_modules规范在项目页面中直接使用，不需要单独引入注册组件。

标准文件选择使用

<template>
    <xy-page @pageSize="pageSize" @pageNo="pageNo"></xy-page>
</template>

h5、app端自定义内容使用

使用作用域插槽实现

<template>
    <xy-page bg="#fff" selectBg="#000" color="#000" selectColor="#fff" showTotal showPaging showJumpTo width="30px" height="30px" fontSize="16px">
        <template v-slot:left>
        <view>←</view>
        </template>
        <template v-slot:right>
            <view>→</view>
        </template>
    </xy-page>
</template>

属性说明

事件说明

温馨提示

1、该插件反复测试过h5、app-vue，vue2和vue3都兼容，其他端可能需要测试改进。

2、该插件的使用hbuilderx版本最好升级到较新版本，我开发的版本是hbuilderx3.3.11.20220209。

3、对此插件或相关问题有好的建议，可以直接在评论区进行讨论。

4、希望遇到问题不要喷，也不要骂人，其实这种心情我能理解，写该插件也不是一时半会就完成了的，所以希望互相理解。只要有问题，我会第一时间回复解决。

5、对此插件有任何问题的可以在下方留言，我会第一时间回复和解决问题。

最后我想说：认为该插件对你有帮助的，记得收藏、好评，这样可以帮助到更多人哟！