lemons
/
zb-admin
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:优化代码结构

This commit is contained in:
zouzhibing 2022-11-10 14:14:28 +08:00
parent 6fbf1d3514
commit f7dac95732
5 changed files with 13937 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -17,19 +17,16 @@
height: 90vh; height: 90vh;
min-height: 90vh; min-height: 90vh;
} }
.first-loading-wrp > h1 { .first-loading-wrp > h1 {
font-size: 30px; font-size: 30px;
font-weight: bolder; font-weight: bolder;
} }
.first-loading-wrp .loading-wrp { .first-loading-wrp .loading-wrp {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 98px; padding: 98px;
} }
.dot { .dot {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
@ -79,7 +76,6 @@
-webkit-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;
animation-delay: 1.2s; animation-delay: 1.2s;
} }
@keyframes antRotate { @keyframes antRotate {
to { to {
-webkit-transform: rotate(405deg); -webkit-transform: rotate(405deg);

13932
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

2
public/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang=""> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

8
src/components/Theme/components/switchDark.vue
View File

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

4
src/hooks/dark.ts
View File

@ -1,4 +0,0 @@
import { useDark, useToggle } from '@vueuse/core'
export const isDark = useDark()
export const toggleDark = useToggle(isDark)