feat:优化代码结构

2022-11-10 14:14:28 +08:00 · 2022-11-10 14:14:28 +08:00 · f7dac95732
parent 6fbf1d3514
commit f7dac95732
5 changed files with 13937 additions and 13 deletions
--- a/index.html
+++ b/index.html
@ -17,19 +17,16 @@
              height: 90vh;
              min-height: 90vh;
          }
-
          .first-loading-wrp > h1 {
              font-size: 30px;
              font-weight: bolder;
          }
-
          .first-loading-wrp .loading-wrp {
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 98px;
          }
-
          .dot {
              position: relative;
              box-sizing: border-box;
@ -79,7 +76,6 @@
              -webkit-animation-delay: 1.2s;
              animation-delay: 1.2s;
          }
-
          @keyframes antRotate {
              to {
                  -webkit-transform: rotate(405deg);
--- a/package-lock.json
+++ b/package-lock.json
--- a/public/index.html
+++ b/public/index.html
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="">
+<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
--- a/src/components/Theme/components/switchDark.vue
+++ b/src/components/Theme/components/switchDark.vue
@ -4,13 +4,13 @@

 <script setup lang="ts" name="switchDark">
  import {computed, ref} from "vue";
+  import { useDark, useToggle } from '@vueuse/core'
  import {useSettingStore} from "@/store/modules/setting"
-  import {toggleDark} from '../../../hooks/dark'
  const SettingStore = useSettingStore()
-  // 横向
+  // // 横向
  const isDark = ref(SettingStore.themeConfig.isDark)
-
  const changeSwitch = ()=>{
-    toggleDark()
+    let isDark = useDark()
+    useToggle(isDark)
  }
 </script>
--- a/src/hooks/dark.ts
+++ b/src/hooks/dark.ts
@ -1,4 +0,0 @@
-import { useDark, useToggle } from '@vueuse/core'
-
-export const isDark = useDark()
-export const toggleDark = useToggle(isDark)