mirror of
https://github.com/zclzone/vue-naive-admin.git
synced 2026-09-08 19:18:35 +08:00
27 lines
717 B
Vue
27 lines
717 B
Vue
<template>
|
|
<div class="f-c-c">
|
|
<n-tooltip trigger="hover" placement="bottom">
|
|
<template #trigger>
|
|
<div id="theme-setting" class="h-32 w-32">
|
|
<n-color-picker
|
|
:value="appStore.primaryColor"
|
|
:swatches="primaryColors"
|
|
:on-update:value="(v) => appStore.setPrimaryColor(v)"
|
|
:render-label="() => ''"
|
|
/>
|
|
</div>
|
|
</template>
|
|
设置主题色
|
|
</n-tooltip>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { getPresetColors } from '@arco-design/color'
|
|
import { useAppStore } from '@/store'
|
|
|
|
const appStore = useAppStore()
|
|
|
|
const primaryColors = Object.entries(getPresetColors()).map(([, value]) => value.primary)
|
|
</script>
|