11<#-- 分类界面的分页ok-->
2- <#macro pagination posts rainbow slugName >
2+ <#macro pagination posts slug >
33 <#if posts.getTotalPages() gt 0 >
4- <section id =" pagination" class =" mt-5 mb-lg-3 d-flex justify-content-center" >
5- <nav aria-label =" 切换上下页" >
6- <ul class =" pagination" >
7- <#-- 上一页部分-->
8- <li class =" page-item <#if posts.number lte 0>disabled</#if>" >
9- <#if posts.number lte 0 >
10- <a class =" page-link" href =" ${context!}/categories/${slugName}/page/1" tabindex =" -1"
11- aria-disabled =" true" >« ; </a >
12- <#else >
13- <a class =" page-link"
14- href =" ${context!}/categories/${slugName}/page/${posts.number}"
15- aria-label =" 上一页" >
16- <span aria-hidden =" true" >« ; </span >
17- </a >
18- </#if >
19- </li >
20- <#-- 页码部分-->
21- <#list rainbow as r >
22- <#if r == posts.number + 1 >
23- <li class =" page-item active" aria-current =" page" >
24- <a class =" page-link" href =" javascript:void(0)" >${posts.number + 1 } <span
25- class =" sr-only" >(current)</span ></a >
26- </li >
27- <#else >
28- <li class =" page-item" >
29- <a href =" ${context!}/categories/${slugName}/page/${r}"
30- class =" page-link" >${r}
4+ <@paginationTag method="categoryPosts" page="${posts.number}" total="${posts.totalPages}" display="3" slug="${slug!}" >
5+ <section id =" pagination" class =" mt-5 mb-lg-3 d-flex justify-content-center" >
6+ <nav aria-label =" 切换上下页" >
7+ <ul class =" pagination" >
8+ <#-- 上一页部分-->
9+ <li class =" page-item <#if !pagination.hasPrev>disabled</#if>" >
10+ <#if !pagination.hasPrev >
11+ <a class =" page-link" tabindex =" -1"
12+ aria-disabled =" true" >« ; </a >
13+ <#else >
14+ <a class =" page-link"
15+ href =" ${pagination.prevPageFullPath!}"
16+ aria-label =" 上一页" >
17+ <span aria-hidden =" true" >« ; </span >
3118 </a >
32- </li >
33- </#if >
34- </#list >
35- <#-- 下一页部分-->
36- <li class =" page-item <#if posts.getTotalPages() lte posts.number + 1>disabled</#if>" >
37- <#if posts.getTotalPages() lte posts.number + 1 >
38- <a class =" page-link" href =" javascript:void(0)" tabindex =" -1"
39- aria-disabled =" true" >» ; </a >
40- <#else >
41- <a class =" page-link"
42- href =" ${context!}/categories/${slugName}/page/${posts.number + 2}"
43- aria-label =" 下一页" >
44- <span aria-hidden =" true" >» ; </span >
45- </a >
46- </#if >
47- </li >
48- </ul >
49- </nav >
50- </section >
19+ </#if >
20+ </li >
21+ <#-- 页码部分-->
22+ <#list pagination.rainbowPages as number >
23+ <#if number.isCurrent >
24+ <li class =" page-item active" aria-current =" page" >
25+ <a class =" page-link" href =" javascript:void(0)" >
26+ ${number.page! }
27+ <span class =" sr-only" >(current)</span >
28+ </a >
29+ </li >
30+ <#else >
31+ <li class =" page-item" >
32+ <a class =" page-link" href =" ${number.fullPath!}" >${number.page! } </a >
33+ </li >
34+ </#if >
35+ </#list >
36+ <#-- 下一页部分-->
37+ <li class =" page-item <#if !pagination.hasNext>disabled</#if>" >
38+ <#if !pagination.hasNext >
39+ <a class =" page-link" href =" javascript:void(0)" tabindex =" -1"
40+ aria-disabled =" true" >» ; </a >
41+ <#else >
42+ <a class =" page-link" href =" ${pagination.nextPageFullPath!}"
43+ aria-label =" 下一页" >
44+ <span aria-hidden =" true" >» ; </span >
45+ </a >
46+ </#if >
47+ </li >
48+ </ul >
49+ </nav >
50+ </section >
51+ </@paginationTag >
5152 </#if >
5253</#macro >
0 commit comments