mirror of
https://github.com/soybeanjs/soybean-admin.git
synced 2025-12-24 21:40:22 +08:00
19 lines
582 B
Vue
19 lines
582 B
Vue
<template>
|
|
<n-divider title-placement="center">系统主题</n-divider>
|
|
<n-grid :cols="8">
|
|
<n-grid-item v-for="color in theme.themeColorList" :key="color">
|
|
<color-block :color="color" :checked="color === theme.themeColor" @click="setThemeColor(color)" />
|
|
</n-grid-item>
|
|
</n-grid>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { NDivider, NGrid, NGridItem } from 'naive-ui';
|
|
import { useThemeStore } from '@/store';
|
|
import { ColorBlock } from '../common';
|
|
|
|
const theme = useThemeStore();
|
|
const { setThemeColor } = useThemeStore();
|
|
</script>
|
|
<style scoped></style>
|