halo-theme-daisy
halo-theme-daisy copied to clipboard
日常页面显示似乎有数量限制,希望能加入页码切换
同题
把下面的代码加入 journals.ftl 文件37行
<div class="bg-white p-4 hover:shadow-lg duration-300 mb-12">
<nav aria-label="Page navigation">
<ul class="flex justify-between list-style-none space-x-3">
<@paginationTag method="${journals}" page="${journals.number?c}" total="${journals.totalPages}" display="3" slug="${slug!}" keyword="${keyword!}">
<li class="page-item">
<#if pagination.hasPrev>
<a class="page-link relative block py-1.5 px-3 rounded border-0 bg-transparent outline-none transition-all duration-300 rounded text-gray-800 hover:text-gray-800 hover:bg-gray-200 focus:shadow-none"
href="${pagination.prevPageFullPath!}" style="color: rgb(31 41 55/var(--tw-text-opacity));">上一页</a>
</#if>
</li>
<li>
<span class="page-link relative block py-1.5 px-3 rounded border-0 outline-none transition-all duration-300 rounded text-gray-800 text-gray-800 bg-gray-200 shadow-none">
${journals.number + 1} / ${journals.totalPages}
</span>
</li>
<li class="page-item">
<#if pagination.hasNext>
<a class="page-link relative block py-1.5 px-3 rounded border-0 bg-transparent outline-none transition-all duration-300 rounded text-gray-800 hover:text-gray-800 hover:bg-gray-200 focus:shadow-none"
href="${pagination.nextPageFullPath!}" style="color: rgb(31 41 55/var(--tw-text-opacity));">下一页</a>
</#if>
</li>
</@paginationTag>
</ul>
</nav>
</div>
把下面的代码加入 journals.ftl 文件37行
<div class="bg-white p-4 hover:shadow-lg duration-300 mb-12"> <nav aria-label="Page navigation"> <ul class="flex justify-between list-style-none space-x-3"> <@paginationTag method="${journals}" page="${journals.number?c}" total="${journals.totalPages}" display="3" slug="${slug!}" keyword="${keyword!}"> <li class="page-item"> <#if pagination.hasPrev> <a class="page-link relative block py-1.5 px-3 rounded border-0 bg-transparent outline-none transition-all duration-300 rounded text-gray-800 hover:text-gray-800 hover:bg-gray-200 focus:shadow-none" href="${pagination.prevPageFullPath!}" style="color: rgb(31 41 55/var(--tw-text-opacity));">上一页</a> </#if> </li> <li> <span class="page-link relative block py-1.5 px-3 rounded border-0 outline-none transition-all duration-300 rounded text-gray-800 text-gray-800 bg-gray-200 shadow-none"> ${journals.number + 1} / ${journals.totalPages} </span> </li> <li class="page-item"> <#if pagination.hasNext> <a class="page-link relative block py-1.5 px-3 rounded border-0 bg-transparent outline-none transition-all duration-300 rounded text-gray-800 hover:text-gray-800 hover:bg-gray-200 focus:shadow-none" href="${pagination.nextPageFullPath!}" style="color: rgb(31 41 55/var(--tw-text-opacity));">下一页</a> </#if> </li> </@paginationTag> </ul> </nav> </div>
有页码也有按钮了,但是点击下一页没反应