logo 组件应用

J5 分页条前端组件,兼容官方用法

J5 分页条前端组件,兼容官方用法

简介

扩展了 jtbc-pagination 分页组件,添加了按钮折叠,超出以省略号展示。

价格

¥9

服务

在线咨询 点击咨询;或加QQ: 470271565

如有需要可以 点击 扫码支付,然后加 qq 联系发源码。

使用方法

参数:1)current-page 当前页

           2)total-page 总页数

           3)url 用于构建分页查询参数的 url

           4)maxlength  导航条页码长度,默认为 7 ,当为 1 时分页条切换为 tiny 模式。注:此组件如果大于 1 时不建议设置此参数,保持默认就好。如果设置需要调整代码

          使用方法和参数与官方基本保持了兼容,样式可以修改本组件目录下的 css 定制,非常灵活。

示例代码

<my-pagination current-page="{$[pagenum]}" total-page="{$[pagecount]}" url="./?{$=$htmlEncode($request_query_rebuild(['page' => '__page__']))}"></my-pagination>

 

样式截图

jtbc-pagination 组件样式
 
tiny 模式
<my-pagination maxlength="1" current-page="18" total-page="20" url="./?{$=$htmlEncode($request_query_rebuild(['page' => '__page__']))}"></my-pagination>

注意:maxlength 为 1 是就切换到此模式。样式如下图