From e841b84a4e73743c8d874729d7c2fdee762c7e90 Mon Sep 17 00:00:00 2001
From: june <juenflbjpz@gamil.com>
Date: Sat, 10 Aug 2024 20:32:17 +0800
Subject: [PATCH] =?UTF-8?q?[2024-08-09](UPDATE):=20=E5=88=86=E9=A1=B5?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 view/user.html | 30 ++++++++++++++++++++++++------
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/view/user.html b/view/user.html
index 783aae9..45ecbe4 100644
--- a/view/user.html
+++ b/view/user.html
@@ -83,26 +83,44 @@
                     <option value="50">50条/页</option>
                 </select>
             </li>
+            <!-- 上一页 -->
             <li class="page-item{{if eq .Data.CurrentPage 1}} disabled{{end}}">
                 <a class="page-link" href="javascript:void(0);" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a>
             </li>
-
+            <!-- 当前页左边是否显示 ...  -->
+            {{if .Data.LeftHasMore}}
             <li class="page-item"><a class="page-link" href="javascript:void(0);" data-page="1">1</a></li>
-            <li class="page-item active"><a class="page-link" href="javascript:void(0);" data-page="2">2</a></li>
-            <li class="page-item"><a class="page-link" href="javascript:void(0);" data-page="3">3</a></li>
-            <!-- 省略部分页码 -->
             <li class="page-item disabled"><span class="page-link">...</span></li>
-            <li class="page-item"><a class="page-link" href="javascript:void(0);" data-page="9">9</a></li>
-            <li class="page-item"><a class="page-link" href="javascript:void(0);" data-page="10">10</a></li>
+            {{end}}
+            <!-- 当前页左边显示按钮 -->
+            {{ range .Data.LeftPages }}
+            <li class="page-item"><a class="page-link" href="javascript:void(0);" data-page="{{.}}">{{.}}</a></li>
+            {{end}}
+
+            <!-- 当前页 -->
+            <li class="page-item active"><a class="page-link" href="javascript:void(0);" data-page="{{.Data.CurrentPage}}">{{.Data.CurrentPage}}</a></li>
+
+            <!-- 当前页右边显示按钮 -->
+            {{ range .Data.RightPages }}
+            <li class="page-item"><a class="page-link" href="javascript:void(0);" data-page="{{.}}">{{.}}</a></li>
+            {{end}}
+            <!-- 当前页右边是否显示 ... -->
+            {{if .Data.RightHasMore}}
+            <li class="page-item disabled"><span class="page-link">...</span></li>
+            <li class="page-item"><a class="page-link" href="javascript:void(0);" data-page="{{.Data.NumPages}}">{{.Data.NumPages}}</a></li>
+            {{end}}
+            <!-- 下一页 -->
             <li class="page-item {{if eq .Data.CurrentPage .Data.NumPages}} disabled{{end}}">
                 <a class="page-link" href="javascript:void(0);" aria-label="Next">
                     <span aria-hidden="true">&raquo;</span>
                 </a>
             </li>
+            <!-- 跳到第x页 -->
             <li class="page-item disabled ml-2"><span class="page-link" style="border: none">到第</span></li>
             <li class="page-item"><input type="text" class="form-control" style="max-width: 40px;max-height: 31px"></li>
             <li class="page-item ml-1 disabled"><span class="page-link" style="border: none">页</span></li>
             <li class="page-item ml-2"><a class="page-link" href="javascript:void(0);">确定</a></li>
+            <!-- 数据总数 -->
             <li class="page-item disabled ml-2"><span class="page-link" style="border: none">共 {{.Data.Total}} 条</span></li>
         </ul>
     </nav>