完善列表和编辑页面的数据验证和交互，实现服务端和客户端两重数据验证

2025-04-24 18:33:09 +08:00
parent be99fdec79
commit 65b7d0739a
13 changed files with 444 additions and 229 deletions
@@ -65,8 +65,25 @@

 /* 清除按钮 */
 .search-box-clear {
-  @apply absolute right-3 top-1/2 transform -translate-y-1/2 
-         text-gray-400 hover:text-gray-600 cursor-pointer transition-colors duration-200;
+  @apply absolute right-3 top-1/2 transform
+         text-gray-400 hover:text-gray-600 cursor-pointer transition-colors duration-200
+         border-none bg-transparent p-0 outline-none;
+}
+
+/* 当搜索框内有按钮时，调整清除按钮位置和输入框右侧内边距 */
+.search-box:not(.form-input-only) .form-input {
+  @apply pr-8;
+}
+
+/* 修正当搜索框右侧有搜索按钮时，清除图标的位置，确保它显示在输入框内部 */
+.search-box:not(.form-input-only) .search-box-clear {
+  @apply right-20;
+  z-index: 10;
+}
+
+/* 清除按钮的图标样式 */
+.search-box-clear i {
+  @apply text-lg;
 }

 /* 带边框的搜索框 */