修改goview平台与原平台暗主题配置包裹后RouterView被影响问题

main
zhufu 2025-02-20 08:49:20 +08:00
parent 4b7e422519
commit 87c5746a01
3 changed files with 69 additions and 67 deletions

View File

@ -1,12 +1,8 @@
<template>
<ConfigProvider :locale="getAntdLocale" :theme="themeConfig">
<NConfigProvider
:theme="darkNTheme"
>
<AppProvider>
<RouterView />
</AppProvider>
</NConfigProvider>
</ConfigProvider>
</template>
@ -19,12 +15,6 @@
import { useDarkModeTheme } from '@/hooks/setting/useDarkModeTheme';
import 'dayjs/locale/zh-cn';
import { computed } from 'vue';
import { NConfigProvider } from 'naive-ui'
import { useDarkThemeHook, useThemeOverridesHook, useCode, useLang } from '@/hooks'
//
const darkNTheme = useDarkThemeHook()
// support Multi-language
const { getAntdLocale } = useLocale();

View File

@ -1,4 +1,5 @@
<template>
<NConfigProvider :theme="darkNTheme">
<!-- 工作台相关 -->
<div class="go-chart">
<n-layout>
@ -36,6 +37,7 @@
></n-dropdown>
<!-- 加载蒙层 -->
<content-load></content-load>
</NConfigProvider>
</template>
<script setup lang="ts">
@ -44,6 +46,10 @@
import { useContextMenu } from './hooks/useContextMenu.hook';
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
import { useChartHistoryStore } from '@/store/modules/chartHistoryStore/chartHistoryStore';
import { useDarkThemeHook, useThemeOverridesHook, useCode, useLang } from '@/hooks'
import { NConfigProvider } from 'naive-ui'
//
const darkNTheme = useDarkThemeHook()
const chartHistoryStoreStore = useChartHistoryStore();
const chartEditStore = useChartEditStore();

View File

@ -1,4 +1,5 @@
<template>
<NConfigProvider :theme="darkNTheme">
<div class="go-project">
<n-layout has-sider position="absolute">
<n-space vertical>
@ -21,12 +22,17 @@
</n-layout>
</n-layout>
</div>
</NConfigProvider>
</template>
<script setup lang="ts">
import { ProjectLayoutSider } from './layout/components/ProjectLayoutSider';
import { LayoutHeaderPro } from '@/layout/components/LayoutHeaderPro';
import { LayoutTransitionMain } from '@/layout/components/LayoutTransitionMain/index';
import { useDarkThemeHook, useThemeOverridesHook, useCode, useLang } from '@/hooks'
import { NConfigProvider } from 'naive-ui'
//
const darkNTheme = useDarkThemeHook()
</script>
<style lang="scss" scoped>