fix: 手机端修改

chao921125 · Jul 7, 2023 · daf0e36 · daf0e36
1 parent 6ff3eff
commit daf0e36
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/components.d.ts b/components.d.ts
@@ -64,6 +64,7 @@ declare module 'vue' {
     RouterView: typeof import('vue-router')['RouterView']
     VanButton: typeof import('vant/es')['Button']
     VanCol: typeof import('vant/es')['Col']
+    VanConfigProvider: typeof import('vant/es')['ConfigProvider']
     VanGrid: typeof import('vant/es')['Grid']
     VanGridItem: typeof import('vant/es')['GridItem']
     VanRow: typeof import('vant/es')['Row']

diff --git a/src/views/layout/frame/Mobile.vue b/src/views/layout/frame/Mobile.vue
@@ -1,7 +1,14 @@
 <template>
-	<router-view></router-view>
+	<van-config-provider :theme="isThemDark ? 'dark' : 'light'">
+		<router-view></router-view>
+	</van-config-provider>
 </template>
 
-<script lang="ts" setup name="LayoutMobile"></script>
+<script lang="ts" setup name="LayoutMobile">
+	import { appStore, getStoreRefs } from "@/store";
+
+	const { themeConfig } = getStoreRefs(appStore.useThemeConfig);
+	const isThemDark = ref(themeConfig.value.isDark);
+</script>
 
 <style scoped lang="scss"></style>