src/components/common/ThemeSetting.vue

@@ -1,19 +1,17 @@
 <template>
-  <div class="f-c-c">
+  <n-tooltip trigger="hover">
-    <n-tooltip trigger="hover" placement="bottom">
+    <template #trigger>
-      <template #trigger>
+      <n-color-picker
-        <n-color-picker
+        id="theme-setting"
-          id="theme-setting"
+        class="mr-16 h-32 w-32"
-          class="h-32 w-32"
+        :value="appStore.primaryColor"
-          :value="appStore.primaryColor"
+        :swatches="primaryColors"
-          :swatches="primaryColors"
+        :on-update:value="(v) => appStore.setPrimaryColor(v)"
-          :on-update:value="(v) => appStore.setPrimaryColor(v)"
+        :render-label="() => ''"
-          :render-label="() => ''"
+      />
-        />
+    </template>
-      </template>
+    设置主题色
-      设置主题色
+  </n-tooltip>
-    </n-tooltip>
-  </div>
 </template>
 
 <script setup>