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) - + @@ -115,7 +115,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 => { - + + + {{ t('tools.card.title') }} + diff --git a/uno.config.ts b/uno.config.ts index fcb72445..df8c2dbe 100644 --- a/uno.config.ts +++ b/uno.config.ts @@ -8,6 +8,7 @@ export default defineConfig({ presetIcons({ collections: { icons: FileSystemIconLoader('./src/assets/icons/others'), + languages: FileSystemIconLoader('./src/assets/icons/languages'), }, }), ],