|
|
@@ -1,9 +1,12 @@
|
|
|
<template>
|
|
|
- <router-view></router-view>
|
|
|
+ <n-config-provider :theme-overrides="themeOverrides">
|
|
|
+ <router-view></router-view>
|
|
|
+ </n-config-provider>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
import { isMobile } from 'billd-utils';
|
|
|
+import { GlobalThemeOverrides, NConfigProvider } from 'naive-ui';
|
|
|
import { onMounted } from 'vue';
|
|
|
|
|
|
import { useCheckUpdate } from '@/hooks/use-checkUpdate';
|
|
|
@@ -18,13 +21,12 @@ const { appInfo } = useCheckUpdate();
|
|
|
const cacheStore = usePiniaCacheStore();
|
|
|
const userStore = useUserStore();
|
|
|
|
|
|
-function handleUpdate() {
|
|
|
- const old = getLastBuildDate();
|
|
|
- if (appInfo.value.lastBuildDate !== old) {
|
|
|
- localStorage.clear();
|
|
|
- }
|
|
|
- setLastBuildDate(appInfo.value.lastBuildDate);
|
|
|
-}
|
|
|
+const themeOverrides: GlobalThemeOverrides = {
|
|
|
+ common: {
|
|
|
+ primaryColor: '#ffd700',
|
|
|
+ primaryColorHover: '#ffd700',
|
|
|
+ },
|
|
|
+};
|
|
|
|
|
|
onMounted(() => {
|
|
|
handleUpdate();
|
|
|
@@ -52,6 +54,14 @@ onMounted(() => {
|
|
|
);
|
|
|
}
|
|
|
});
|
|
|
+
|
|
|
+function handleUpdate() {
|
|
|
+ const old = getLastBuildDate();
|
|
|
+ if (appInfo.value.lastBuildDate !== old) {
|
|
|
+ localStorage.clear();
|
|
|
+ }
|
|
|
+ setLastBuildDate(appInfo.value.lastBuildDate);
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|