From 269cc630fde313691dd9eaf9c2c8ece76bdb5e52 Mon Sep 17 00:00:00 2001 From: shaojiemike <943648187@qq.com> Date: Sun, 2 Jun 2024 23:16:40 +0800 Subject: [PATCH] feat: add pagination --- layouts/events/list.html | 115 +++++++++++++++++++++--------------- static/css/style6Events.css | 31 +++++++++- 2 files changed, 96 insertions(+), 50 deletions(-) diff --git a/layouts/events/list.html b/layouts/events/list.html index c378ab3..0695a4c 100644 --- a/layouts/events/list.html +++ b/layouts/events/list.html @@ -10,64 +10,81 @@

{{ .Params.title | safeHTML }}

- {{ range .Data.Pages }} + {{ $paginator := .Paginate .Data.Pages 8 }} + {{ range $paginator.Pages }} -
-
- - {{ with .Params.img_url }} - {{ $img := . }} - {{ if strings.HasPrefix $img "http://" -}} - - - {{ else if strings.HasPrefix $img "https://" -}} - - - {{ else -}} - - +
- {{ $date := .Params.date | time }} - {{ $formattedDate := $date.Format "Jan 02, 2006 3:04 pm" }} + {{ $date := .Params.date | time }} + {{ $formattedDate := $date.Format "Jan 02, 2006 3:04 pm" }} -
-
-

{{ .Params.types }}

-
-

- - {{ .Params.title }} - -

-

- - {{ $formattedDate }} UTC+8 -

- {{ with .Params.location }} -

- - {{ . }} -

- {{ end }} - {{ with .Params.onlineLink }} +
+
+

{{ .Params.types }}

+
+

+ + {{ .Params.title }} + +

+

+ + {{ $formattedDate }} UTC+8 +

+ {{ with .Params.location }}

- - online meeting + + {{ . }}

- {{ end }} -

{{ .Params.abstract | replaceRE "\n" "
" | safeHTML }}

+ {{ end }} + {{ with .Params.onlineLink }} +

+ + online meeting +

+ {{ end }} +

{{ .Params.abstract | replaceRE "\n" "
" | safeHTML }}

-
-
+
+ + + {{ end }} + - {{ end }} +
diff --git a/static/css/style6Events.css b/static/css/style6Events.css index a2f0eb0..afd9938 100644 --- a/static/css/style6Events.css +++ b/static/css/style6Events.css @@ -108,5 +108,34 @@ table th, table td { } - + /* 分页导航样式 */ +.pagination ul { + list-style: none; + display: flex; + justify-content: center; + padding: 0; +} + +.pagination li { + margin: 0 5px; +} + +.pagination a { + text-decoration: none; + color: #333; + padding: 5px 10px; + border: 1px solid #ccc; + border-radius: 3px; +} + +.pagination a.active { + background-color: #007bff; + color: #fff; + border-color: #007bff; +} + +.pagination a:hover { + background-color: #ddd; +} + \ No newline at end of file