样式文件调整

admin/src/styles/element.scss

@@ -96,6 +96,7 @@
             font-size: var(--el-font-size-small);
         }
     }
+
     .el-button--primary {
         --el-button-hover-link-text-color: var(--el-color-primary-light-3);
     }
@@ -111,12 +112,6 @@
     .el-button--danger {
         --el-button-hover-link-text-color: var(--el-color-danger-light-3);
     }
-
-    .el-image__error {
-        font-size: 12px;
-        text-align: center;
-        padding: 4px;
-    }
 }
 @media (max-width: 768px) {
     .el-pagination > .el-pagination__jump {
@@ -126,3 +121,19 @@
         display: none !important;
     }
 }
+
+.el-button {
+    // 防止被tailwindcss默认样式覆盖
+    background-color: var(--el-button-bg-color, var(--el-color-white));
+
+    //覆盖el-button的点击样式
+    &:focus {
+        border-color: var(--el-button-border-color);
+        background-color: var(--el-button-bg-color);
+    }
+    &:hover {
+        color: var(--el-button-hover-text-color);
+        border-color: var(--el-button-hover-border-color);
+        background-color: var(--el-button-hover-bg-color);
+    }
+}

admin/src/styles/index.scss

@@ -1,29 +1,6 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
 
-@layer base {
-    body {
-        @apply text-base text-tx-primary overflow-hidden min-w-[375px];
-    }
-    .form-tips {
-        @apply text-tx-secondary text-xs leading-6 mt-1;
-    }
-    .el-button {
-        background-color: var(--el-button-bg-color, var(--el-color-white));
-    }
-    .clearfix:after {
-        content: '';
-        display: block;
-        clear: both;
-        visibility: hidden;
-    }
-}
-
-/* NProgress */
-#nprogress .bar {
-    @apply bg-primary #{!important};
-}
 @import 'element.scss';
 @import 'dark.css';
 @import 'var.css';
+@import 'tailwind.css';
+@import 'public.scss';

admin/src/styles/public.scss

@@ -0,0 +1,18 @@
+body {
+    @apply text-base text-tx-primary overflow-hidden min-w-[375px];
+}
+.form-tips {
+    @apply text-tx-secondary text-xs leading-6 mt-1;
+}
+
+.clearfix:after {
+    content: '';
+    display: block;
+    clear: both;
+    visibility: hidden;
+}
+
+/* NProgress */
+#nprogress .bar {
+    @apply bg-primary #{!important};
+}

admin/src/styles/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

admin/src/styles/var.css

@@ -18,7 +18,7 @@
     --el-font-size-extra-small: 12px;
 
     --el-bg-color: var(--color-white);
-    --el-bg-color-page: #f2f3f5;
+    --el-bg-color-page: #f6f6f6;
     --el-bg-color-overlay: #ffffff;
     --el-text-color-primary: #333333;
     --el-text-color-regular: #666666;
@@ -32,7 +32,7 @@
     --el-border-color-dark: #d4d7de;
     --el-border-color-darker: #cdd0d6;
     --el-fill-color: #f0f2f5;
-    --el-fill-color-light: #f8f8f8;
+    --el-fill-color-light: #f5f7fa;
     --el-fill-color-lighter: #fafafa;
     --el-fill-color-extra-light: #fafcff;
     --el-fill-color-dark: #ebedf0;