From 35ee6d25137b8ca24fb9bd33acc1e7e9a906ecfe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=80=E7=BA=B8=E5=BF=98=E5=BF=A7?= Date: Thu, 10 Aug 2023 21:46:54 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E6=96=B0=E5=A2=9E=E5=9B=BE=E6=A0=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/icons/languages/en.svg | 11 +++++ src/assets/icons/languages/zh.svg | 9 ++++ src/assets/icons/others/activate.svg | 14 ++++++ src/assets/icons/others/auto-mode.svg | 22 +++++++++ src/assets/icons/others/check.svg | 10 +++++ src/assets/icons/others/dark-mode.svg | 42 +++++++++++++++++ src/assets/icons/others/github.svg | 62 ++++++++++++++++++++++++++ src/assets/icons/others/languages.svg | 6 +++ src/assets/icons/others/light-mode.svg | 10 +++++ src/assets/icons/others/tools.svg | 27 +++++++++++ src/components/custom-header.vue | 26 +++++------ src/views/tools.vue | 5 ++- uno.config.ts | 1 + 13 files changed, 231 insertions(+), 14 deletions(-) create mode 100644 src/assets/icons/languages/en.svg create mode 100644 src/assets/icons/languages/zh.svg create mode 100644 src/assets/icons/others/activate.svg create mode 100644 src/assets/icons/others/auto-mode.svg create mode 100644 src/assets/icons/others/check.svg create mode 100644 src/assets/icons/others/dark-mode.svg create mode 100644 src/assets/icons/others/github.svg create mode 100644 src/assets/icons/others/languages.svg create mode 100644 src/assets/icons/others/light-mode.svg create mode 100644 src/assets/icons/others/tools.svg diff --git a/src/assets/icons/languages/en.svg b/src/assets/icons/languages/en.svg new file mode 100644 index 00000000..f3f895ad --- /dev/null +++ b/src/assets/icons/languages/en.svg @@ -0,0 +1,11 @@ + + + + + + + diff --git a/src/assets/icons/languages/zh.svg b/src/assets/icons/languages/zh.svg new file mode 100644 index 00000000..074b9f71 --- /dev/null +++ b/src/assets/icons/languages/zh.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/icons/others/activate.svg b/src/assets/icons/others/activate.svg new file mode 100644 index 00000000..acd9b7e7 --- /dev/null +++ b/src/assets/icons/others/activate.svg @@ -0,0 +1,14 @@ + + + + + diff --git a/src/assets/icons/others/auto-mode.svg b/src/assets/icons/others/auto-mode.svg new file mode 100644 index 00000000..8e4c3261 --- /dev/null +++ b/src/assets/icons/others/auto-mode.svg @@ -0,0 +1,22 @@ + + + + + + + diff --git a/src/assets/icons/others/check.svg b/src/assets/icons/others/check.svg new file mode 100644 index 00000000..3d7c43d8 --- /dev/null +++ b/src/assets/icons/others/check.svg @@ -0,0 +1,10 @@ + + + + diff --git a/src/assets/icons/others/dark-mode.svg b/src/assets/icons/others/dark-mode.svg new file mode 100644 index 00000000..721bdbd6 --- /dev/null +++ b/src/assets/icons/others/dark-mode.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + diff --git a/src/assets/icons/others/github.svg b/src/assets/icons/others/github.svg new file mode 100644 index 00000000..246be8b1 --- /dev/null +++ b/src/assets/icons/others/github.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/others/languages.svg b/src/assets/icons/others/languages.svg new file mode 100644 index 00000000..3a7ac609 --- /dev/null +++ b/src/assets/icons/others/languages.svg @@ -0,0 +1,6 @@ + + + diff --git a/src/assets/icons/others/light-mode.svg b/src/assets/icons/others/light-mode.svg new file mode 100644 index 00000000..11d7d732 --- /dev/null +++ b/src/assets/icons/others/light-mode.svg @@ -0,0 +1,10 @@ + + + + diff --git a/src/assets/icons/others/tools.svg b/src/assets/icons/others/tools.svg new file mode 100644 index 00000000..6666b32b --- /dev/null +++ b/src/assets/icons/others/tools.svg @@ -0,0 +1,27 @@ + + + + + + + + + diff --git a/src/components/custom-header.vue b/src/components/custom-header.vue index c23634ca..6875b8de 100644 --- a/src/components/custom-header.vue +++ b/src/components/custom-header.vue @@ -9,12 +9,12 @@ const navItems = computed(() => [ { name: 'activate', label: t('main.module.activate'), - icon: 'i-mdi:microsoft-windows', + icon: 'i-icons:activate', }, { name: 'tools', label: t('main.module.tools'), - icon: 'i-mdi:check-network', + icon: 'i-icons:tools', }, ]) @@ -31,19 +31,19 @@ const navSelected = ref([!pathName?.[0] ? 'home' : pathName?.[0]]) const themeItems = computed(() => [ { - lable: t('main.theme.auto'), - value: 'auto', - icon: 'i-ic:round-brightness-auto', + lable: t('main.theme.light'), + value: 'light', + icon: 'i-icons:light-mode', }, { lable: t('main.theme.dark'), value: 'dark', - icon: 'i-ic:round-dark-mode', + icon: 'i-icons:dark-mode', }, { - lable: t('main.theme.light'), - value: 'light', - icon: 'i-ic:round-light-mode', + lable: t('main.theme.auto'), + value: 'auto', + icon: 'i-icons:auto-mode', }, ]) @@ -57,12 +57,12 @@ const languagesItems = computed(() => [ { lable: t('main.languages.zhCn'), value: 'zh-cn', - icon: 'i-flag:cn-4x3', + icon: 'i-languages:zh', }, { lable: t('main.languages.en'), value: 'en-us', - icon: 'i-flag:us-4x3', + icon: 'i-languages:en', }, ]) @@ -105,7 +105,7 @@ const languagesChange = val => (appStore.languages = val) - + - + diff --git a/src/views/tools.vue b/src/views/tools.vue index 8f4df4f1..403badce 100644 --- a/src/views/tools.vue +++ b/src/views/tools.vue @@ -61,7 +61,10 @@ const handleSubmit = async data => {