新增页码跳转；修复异常；优化效果

templates/friends.html

@@ -114,10 +114,28 @@
                     <!-- 分页：必须保持在 blog_list_inner 里面 -->
                     <th:block th:if="${friendPage.totalPages>1}">
                         <div id="t_pagination">
-                            <div class="post-paging" th:if="${friendPage.hasNext()}">
-                                <a th:data="${friendPage.nextUrl}"
-                                    th:text="${theme.config.base_set.site_page}">
-                                </a>
+                            <div class="post-paging">
+                                <a th:if="${friendPage.hasNext()}" th:data="${friendPage.nextUrl}"
+                                    th:text="${theme.config.base_set.site_page}"></a>
+                                <form class="page-jump-form" method="get" action="/friends">
+                                    <span class="page-jump-label">转到</span>
+                                    <input th:if="${not #strings.isEmpty(selectedTag)}" type="hidden" name="tag"
+                                        th:value="${selectedTag}" />
+                                    <span class="page-jump-input-wrap">
+                                        <button class="page-jump-step page-jump-step-down" type="button"
+                                            title="减少页码" aria-label="减少页码"><i class="ri-subtract-line"
+                                                aria-hidden="true"></i></button>
+                                        <input class="page-jump-input" type="number" name="page" min="1"
+                                            th:max="${friendPage.totalPages}" th:value="${friendPage.page}"
+                                            inputmode="numeric" aria-label="页码" autocomplete="off" required />
+                                        <button class="page-jump-step page-jump-step-up" type="button"
+                                            title="增加页码" aria-label="增加页码"><i class="ri-add-line"
+                                                aria-hidden="true"></i></button>
+                                    </span>
+                                    <span class="page-jump-total">/ [[${friendPage.totalPages}]]</span>
+                                    <button class="page-jump-submit" type="submit" title="跳转到指定页"
+                                        aria-label="跳转到指定页"><i class="ri-arrow-right-line"></i></button>
+                                </form>
                             </div>
                         </div>
                     </th:block>