fix(styles): fix toggle-lang bg

This commit is contained in:
Soybean 2023-06-15 01:00:14 +08:00
parent e6abf93457
commit 473095b01b

View File

@ -1,5 +1,5 @@
<template> <template>
<hover-container class="w-40px h-full"> <hover-container class="w-40px h-full" :inverted="theme.header.inverted">
<n-dropdown :options="options" trigger="hover" :value="language" @select="handleSelect"> <n-dropdown :options="options" trigger="hover" :value="language" @select="handleSelect">
<icon-cil:language class="text-18px outline-transparent" /> <icon-cil:language class="text-18px outline-transparent" />
</n-dropdown> </n-dropdown>
@ -9,8 +9,10 @@
<script lang="ts" setup> <script lang="ts" setup>
import { ref } from 'vue'; import { ref } from 'vue';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import { useThemeStore } from '@/store';
import { localStg } from '@/utils'; import { localStg } from '@/utils';
const theme = useThemeStore();
const { locale } = useI18n(); const { locale } = useI18n();
const language = ref<I18nType.langType>(localStg.get('lang') || 'zh-CN'); const language = ref<I18nType.langType>(localStg.get('lang') || 'zh-CN');