🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
>[info] 内容列表自定义分页 ## **自定义分页** 固定标签: |标签|解释| |---|---| |{$page['homeUrl']}|第一页链接| |{$page['lastUrl']}|最后一页链接| |{$page['prevUrl']}|上一页链接| |{$page['nextUrl']}|下一页链接| |{$page['total']}|所有内容总数| |{$page['currentPage']}|当前页码| |{$page['lastPage']}|最后一页页码| 页码循环标签:`{rg:diypage 参数名称="参数值"}{/rg:diypage}` >[danger] 适用页面:list标签外部,且list标签开启ispage=true且diypage=true >[danger] 标签属性:循环 >[danger] 【报错提醒】一个页面只允许一个分页开启的list **常用参数列表** |参数(?为可选参数)|默认值|使用示例|解释| |---|---|---|---| |?limit|0|limit="2"|分页里显示(2*limit+1)个页码,为0或不设置时为所有页码| **不常用参数列表** |参数(?为可选参数)|默认值|使用示例|解释| |---|---|---|---| |?name|diypage|name="diypage"|变量名称| |?key|i|key="i"|循环内计数变量| |?empty||empty=""|无结果提示| **字段调用对照表** ~~~ 页码循环标签内固定字段 ["page"] => 页码 ["url"] => 页链接 ["iscurrent"] => 是否是当前页,高亮用 ~~~ **调用(内置分页),如产品** ``` // 输出当前栏目页内容,内置分页,6条一页 {rg:list nid="$nav_id" limit="6" ispage="true" } <li> <img src="{$list['img']}"> <a href="{$list['url']}" title="{$list['title']}">{$list['title']}</a> 所属栏目:<a href="{$list['navlist']['url']}">{$list['navlist']['name']}</a> </li> {/rg:list} // 分页,注意一个页面中只能有一个分页,只能有一个ispage="true" {$page|raw} ``` **调用(自定义分页),如产品** ``` // 输出当前栏目页内容,自定义分页,6条一页 {rg:list nid="$nav_id" limit="6" ispage="true" diypage="true"} <li> <img src="{$list['img']}"> <a href="{$list['url']}" title="{$list['title']}">{$list['title']}</a> 所属栏目:<a href="{$list['navlist']['url']}">{$list['navlist']['name']}</a> </li> {/rg:list} // 分页,只有list开启ispage=true 自定义分页才有效 <div class="pages"> <ul> <li><a href="{$page['homeUrl']}">首页</a></li> <li><a href="{$page['prevUrl']}">上一页</a></li> {rg:diypage limit="2"} <li {if $diypage['iscurrent']}class="thisclass"{/if}><a href="{$diypage['url']}">第{$diypage['page']}页</a></li> {/rg:diypage} <li><a href="{$page['nextUrl']}">下一页</a></li> <li><a href="{$page['lastUrl']}">尾页</a></li> </ul> </div> ```