From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/App.vue | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 57 insertions(+), 0 deletions(-)
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..7407d97
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,57 @@
+<script lang="ts" setup>
+import { isDark } from '@/utils/is'
+import { useAppStore } from '@/store/modules/app'
+import { useDesign } from '@/hooks/web/useDesign'
+import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
+import routerSearch from '@/components/RouterSearch/index.vue'
+
+defineOptions({ name: 'APP' })
+
+const { getPrefixCls } = useDesign()
+const prefixCls = getPrefixCls('app')
+const appStore = useAppStore()
+const currentSize = computed(() => appStore.getCurrentSize)
+const greyMode = computed(() => appStore.getGreyMode)
+const { wsCache } = useCache()
+
+// 鏍规嵁娴忚鍣ㄥ綋鍓嶄富棰樿缃郴缁熶富棰樿壊
+const setDefaultTheme = () => {
+ let isDarkTheme = wsCache.get(CACHE_KEY.IS_DARK)
+ if (isDarkTheme === null) {
+ isDarkTheme = isDark()
+ }
+ appStore.setIsDark(isDarkTheme)
+}
+setDefaultTheme()
+</script>
+<template>
+ <ConfigGlobal :size="currentSize">
+ <RouterView :class="greyMode ? `${prefixCls}-grey-mode` : ''" />
+ <routerSearch />
+ </ConfigGlobal>
+</template>
+<style lang="scss">
+$prefix-cls: #{$namespace}-app;
+
+.size {
+ width: 100%;
+ height: 100%;
+}
+
+html,
+body {
+ @extend .size;
+
+ padding: 0 !important;
+ margin: 0;
+ overflow: hidden;
+
+ #app {
+ @extend .size;
+ }
+}
+
+.#{$prefix-cls}-grey-mode {
+ filter: grayscale(100%);
+}
+</style>
--
Gitblit v1.8.0