封装公共组件，调整样式文件的布局，修改路由页面样式

2025-03-27 19:58:58 +08:00
parent d9b9ce4676
commit 540618b8ca
33 changed files with 2613 additions and 987 deletions
@@ -0,0 +1,60 @@
+/**
+ * 分页组件样式
+ */
+
+/* 分页容器 */
+.ant-pagination {
+  @apply flex items-center space-x-1;
+}
+
+/* 分页项 */
+.ant-pagination-item {
+  @apply flex items-center justify-center min-w-[32px] h-8 px-3 
+         border border-gray-200 rounded-md text-sm text-gray-700
+         transition-all duration-200 cursor-pointer;
+}
+
+.ant-pagination-item:hover {
+  @apply border-[#00684a] text-[#00684a];
+  /* @apply border-[#30184a] text-[#30184a]; */
+}
+
+.ant-pagination-item-active {
+  @apply border-[#00684a] bg-[#00684a] text-white font-medium;
+}
+
+.ant-pagination-item-active:hover {
+  @apply text-white;
+}
+
+/* 上一页/下一页按钮 */
+.ant-pagination-prev,
+.ant-pagination-next {
+  @apply flex items-center justify-center w-8 h-8 
+         border border-gray-200 rounded-md text-gray-600
+         transition-all duration-200;
+}
+
+.ant-pagination-prev:hover,
+.ant-pagination-next:hover {
+  @apply border-[#00684a] text-[#00684a];
+}
+
+/* 禁用状态 */
+.ant-pagination-disabled {
+  @apply opacity-50 cursor-not-allowed;
+}
+
+.ant-pagination-disabled:hover {
+  @apply border-gray-200 text-gray-600;
+}
+
+/* 显示总数和每页显示条数 */
+.ant-pagination-options {
+  @apply flex items-center text-sm text-gray-500 mr-4;
+}
+
+.ant-pagination-options-size-changer {
+  @apply ml-2 px-2 py-1 border border-gray-200 rounded text-sm
+         focus:outline-none focus:ring-1 focus:ring-[#00684a] focus:border-[#00684a];
+}