feat(前端): 优化表单输入框样式并重构分页组件

- 为所有管理页面和登录注册页添加统一的输入框聚焦样式 - 重构分页组件为通用实现，支持页码跳转和省略号显示 - 优化分页交互体验，减少代码重复
2025-12-22 23:54:11 +08:00
parent b1da021185
commit 84d5840391
12 changed files with 245 additions and 67 deletions
--- a/frontend/views/admin/user_management.html
+++ b/frontend/views/admin/user_management.html
@@ -121,6 +121,40 @@
            .main-content { margin-left: 0; }
            .sidebar.active { left: 0; }
        }
+
+        /* 输入框聚焦样式优化 */
+        .input-group {
+            border: 1px solid #dee2e6;
+            border-radius: 0.5rem;
+            overflow: hidden;
+            transition: all 0.2s;
+            background-color: #fff;
+        }
+
+        .input-group:focus-within {
+            border-color: var(--primary-color);
+            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.1);
+        }
+
+        .input-group-text {
+            background-color: transparent;
+            border: none;
+            color: var(--secondary-color);
+            padding-left: 1rem;
+            padding-right: 0.5rem;
+        }
+
+        .form-control {
+            border: none !important;
+        }
+
+        .form-control:focus {
+            box-shadow: none;
+        }
+
+        .input-group:focus-within .input-group-text {
+            color: var(--primary-color);
+        }
    </style>
 </head>
 <body>