暗夜模式

src/App.vue

@@ -1,5 +1,11 @@
 <template>
-    <div class="scroll-wrapper" id="scroll-wrapper" ref="scroll" @scroll="scrollEvent">
+    <div
+        class="scroll-wrapper"
+        :class="{ darkTheme: darkTheme }"
+        id="scroll-wrapper"
+        ref="scroll"
+        @scroll="scrollEvent"
+    >
         <app-bar ref="bar"></app-bar>
         <router-view v-slot="{ Component }">
             <keep-alive :include="keeps">
@@ -14,6 +20,7 @@
 import AppBar from './components/AppBar.vue';
 import { computed } from 'vue';
 import PhoneVer from './components/PhoneVer.vue';
+import { mapState } from 'vuex';
 export default {
     components: { AppBar, PhoneVer },
     name: 'App',
@@ -31,6 +38,7 @@ export default {
     },
     inject: ['barHeight'],
     computed: {
+        ...mapState(['darkTheme']),
         barValue() {
             return this.$refs.bar;
         },

src/main.js

@@ -151,6 +151,16 @@ if (query.hopeMarket === 'true' || query.hopeMarket === true || sessionStorage.g
 
 store.commit('setPlatform', /iPad|iPhone|iPod/i.test(navigator.userAgent) ? 'ios' : 'android');
 
+let time1 = dayjs().format('YYYY-MM-DD') + ' 12:00:00';
+let time2 = dayjs().format('YYYY-MM-DD') + ' 18:00:00';
+
+if (dayjs().isBefore(dayjs(time1, 'YYYY-MM-DD HH:mm:ss')) || dayjs().isAfter(dayjs(time2, 'YYYY-MM-DD HH:mm:ss'))) {
+    console.log('3467267');
+    store.commit('setDarkTheme', true);
+} else {
+    store.commit('setDarkTheme', false);
+}
+
 const loadSplash = (onload, onerror) =>
     new Promise((resolve, reject) => {
         let isHide = false;

src/store/index.js

@@ -20,7 +20,8 @@ export default createStore({
         showConsole: false,
         bankCard: null,
         showRoomId: null,
-        platform: ''
+        platform: '',
+        darkTheme: false
     },
     mutations: {
         setFinished(state, finished) {
@@ -76,6 +77,9 @@ export default createStore({
         },
         setPlatform(state, platform) {
             state.platform = platform;
+        },
+        setDarkTheme(state, darkTheme) {
+            state.darkTheme = darkTheme;
         }
     },
     actions: {