动态修改主题色功能

src/App.vue

@@ -4,11 +4,14 @@
 
 <script>
 import { defineComponent } from "vue";
+import { setCssVar } from 'quasar'
 
 export default defineComponent({
   name: "App",
   data() {
-    return {};
+    return {
+        setCssVar: setCssVar
+    };
   },
   computed: {},
   created: function () {
@@ -26,6 +29,8 @@ export default defineComponent({
         });
         return;
       }
+      // 默认主题色
+      this.setCssVar("primary", this.$profile.primaryColor)
       utools.onPluginEnter((enter) => {
         // 暗黑模式
         this.$q.dark.set(utools.isDarkColors());