Comments (2)
把下面的代码加入 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>
from halo-theme-daisy.
把下面的代码加入 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>
有页码也有按钮了,但是点击下一页没反应
from halo-theme-daisy.
Related Issues (20)
- 搜索不能使用 HOT 3
- 能否帮忙打个zip包? HOT 2
- 使用过后的一些小建议 HOT 10
- 如何直接打包生成静态文件部署 HOT 2
- 一眼就看中了这个主题,简洁美观。 HOT 1
- 关于手机适配有个想法 HOT 2
- pc文章无序列表变有序列表 HOT 5
- 一些文章页建议 HOT 7
- 图库的一些建议
- 能开放自定义样式吗 HOT 3
- 图库显示图片自适应比例 HOT 1
- API未找到 HOT 2
- 添加文章封面背景图时文章预览图会被拉式
- 暗黑模式下的代码块
- 最近首次加载好慢
- 安装失败 HOT 1
- 作者大大求更新
- 主题安装失败: 缺少 theme.yaml 配置文件或配置文件不符合规范。 HOT 1
- 请问 2.0有在开发吗
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from halo-theme-daisy.