diff options
| author | Eltrac <hi@guhub.cn> | 2025-04-02 14:11:29 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-04-02 14:11:29 +0800 |
| commit | 139e2aeaf35c73e32b746f7373a817313744ab1e (patch) | |
| tree | f35b85490e63157a4bc43a530d842c451d82a28a /layouts | |
| parent | 017adb4b56abc6816f0108ca866d44f7d0a6f93e (diff) | |
feat: card pagination
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/cards/section.html | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/layouts/cards/section.html b/layouts/cards/section.html index 1067c629..5aaed0c3 100644 --- a/layouts/cards/section.html +++ b/layouts/cards/section.html @@ -2,7 +2,9 @@ <article class="card-list"> {{ partial "header.html" . }} <div id="cards-section"> - {{- range .Pages }} + {{- $cards := .Site.GetPage "section" "cards" }} <!-- 获取 "cards" 部分的内容 --> + {{- $paginator := .Paginate $cards.Pages 8 }} <!-- 对该部分内容进行分页 --> + {{- range $paginator.Pages }} <div class="card" style="view-transition-name: card-{{ .File.UniqueID }}"> <div class="card-header"> @@ -22,7 +24,18 @@ {{ .Summary }} </div> </div> - {{- end }} - </div> + {{- end }} + </div> + + <!-- 分页导航 --> + <div class="pagination"> + {{ if $paginator.HasPrev }} + <a href="{{ $paginator.Prev.URL }}" class="pagination-prev">👈</a> + {{ end }} + <div style="width:100%"></div> + {{ if $paginator.HasNext }} + <a href="{{ $paginator.Next.URL }}" class="pagination-next">👉</a> + {{ end }} + </div> </article> {{ end }} |