fixbug

public/static/loading.css

@@ -14,7 +14,7 @@
     width: 100px!important;
     height: 100px!important;
     border-radius: 50%;
-    background: #46299D;
+    background: var(--theme-primary, #BA4A8F);
     padding: 5px!important;
 }
 

src/assets/css/common.scss

@@ -1,5 +1,18 @@
 @import "color.scss";
 
+// 定义CSS自定义属性（CSS变量）
+:root {
+  --theme-primary: #{$theme-primary};
+  --theme-darker: #{$theme-darker};
+  --theme-dark: #{$theme-dark};
+  --basic-white: #{$basic-white};
+  --basic-black: #{$basic-black};
+  --text-theme: #{$text-theme};
+  --border-theme: #{$border-theme};
+  --btn-primary: #{$btn-primary};
+  --btn-basic: #{$btn-basic};
+}
+
 .ant-btn:active,
 .ant-btn:focus,
 .ant-btn:hover {

src/main.js

@@ -2,11 +2,16 @@ import router from "@/router/index.js";
 import { createApp } from "vue";
 import App from "./App.vue";
 import { registerPlugins } from "./plugins/index.js";
+import { settingConfig } from "@/config/settings/index.js";
 window.process = {
   env: {
     VUE_APP_API_URL: import.meta.env.VITE_API_URL,
   },
 };
+
+// 动态设置CSS变量值
+document.documentElement.style.setProperty('--theme-primary', settingConfig.themeColor);
+
 const app = createApp(App);
 // 注册插件
 registerPlugins(app);