优化调整

2025-07-26 00:37:18 +08:00
parent 08bbd4df0f
commit 0dfabc35d7
90 changed files with 3594 additions and 2294 deletions
@@ -46,95 +46,95 @@
  })
 </script>

-<style>
-  #app {
-    min-height: 100vh;
-    background-color: #f5f5f5;
+<style lang="scss">
+#app {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+}
+
+/* 自定义Ant Design样式 */
+.ant-btn {
+  font-weight: 500;
+  transition: all 0.3s ease;
+
+  &:hover {
+    transform: translateY(-1px);
  }

-  /* 自定义Ant Design样式 */
-  .ant-btn {
-    font-weight: 500;
-    transition: all 0.3s ease;
-
-    &:hover {
-      transform: translateY(-1px);
-    }
-
-    &.ant-btn-primary {
-      background: linear-gradient(135deg, #4a90e2 0%, #5ba0f2 100%);
-      border: none;
-      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-
-      &:hover {
-        background: linear-gradient(135deg, #5ba0f2 0%, #6bb0ff 100%);
-        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
-      }
-    }
-
-    &.ant-btn-orange {
-      background: linear-gradient(135deg, #ff7849 0%, #ff8859 100%);
-      border: none;
-      color: white;
-      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-
-      &:hover {
-        background: linear-gradient(135deg, #ff8859 0%, #ff9869 100%);
-        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
-        color: white;
-      }
-    }
-  }
-
-  .ant-card {
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
+  &.ant-btn-primary {
+    background: linear-gradient(135deg, #4a90e2 0%, #5ba0f2 100%);
    border: none;
-    transition: all 0.3s ease;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    &:hover {
-      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-      transform: translateY(-2px);
-    }
-  }
-
-  .ant-input,
-  .ant-input-affix-wrapper {
-    border-radius: 12px;
-    border: 1px solid #e8e8e8;
-    transition: all 0.3s ease;
-
-    &:hover,
-    &:focus,
-    &.ant-input-affix-wrapper-focused {
-      border-color: #4a90e2;
-      box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);
-    }
-  }
-
-  .ant-message {
-    .ant-message-notice-content {
-      border-radius: 12px;
+      background: linear-gradient(135deg, #5ba0f2 0%, #6bb0ff 100%);
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    }
  }

-  /* 滚动条美化 */
-  .ant-layout-content {
-    &::-webkit-scrollbar {
-      width: 6px;
-    }
+  &.ant-btn-orange {
+    background: linear-gradient(135deg, #ff7849 0%, #ff8859 100%);
+    border: none;
+    color: white;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

-    &::-webkit-scrollbar-track {
-      background: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: rgba(0, 0, 0, 0.1);
-      border-radius: 3px;
-
-      &:hover {
-        background: rgba(0, 0, 0, 0.2);
-      }
+    &:hover {
+      background: linear-gradient(135deg, #ff8859 0%, #ff9869 100%);
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+      color: white;
    }
  }
-</style>
+}
+
+.ant-card {
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
+  border: none;
+  transition: all 0.3s ease;
+
+  &:hover {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    transform: translateY(-2px);
+  }
+}
+
+.ant-input,
+.ant-input-affix-wrapper {
+  border-radius: 12px;
+  border: 1px solid #e8e8e8;
+  transition: all 0.3s ease;
+
+  &:hover,
+  &:focus,
+  &.ant-input-affix-wrapper-focused {
+    border-color: #4a90e2;
+    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);
+  }
+}
+
+.ant-message {
+  .ant-message-notice-content {
+    border-radius: 12px;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+  }
+}
+
+/* 滚动条美化 */
+.ant-layout-content {
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.1);
+    border-radius: 3px;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.2);
+    }
+  }
+}
+</style>