Merge pull request #182 from zhanlaoban/add-zhan

Optimize front-end theme switching icons

web/src/components/main-nav.vue

@@ -23,8 +23,11 @@
                     size="small"
                     class="theme-switch-wrap"
                 >
-                    <template #icon>
-                        <dark-mode-outlined />
+                    <template #checked-icon>
+                        <n-icon :component="LightModeOutlined" />
+                    </template>
+                    <template #unchecked-icon>
+                        <n-icon :component="DarkModeOutlined" />
                     </template>
                 </n-switch>
             </div>
@@ -37,7 +40,7 @@ import { onMounted } from 'vue';
 import { useStore } from 'vuex';
 import { useRouter } from 'vue-router';
 import { useOsTheme } from 'naive-ui';
-import { DarkModeOutlined, ChevronLeftRound } from '@vicons/material';
+import { LightModeOutlined, DarkModeOutlined, ChevronLeftRound } from '@vicons/material';
 
 const store = useStore();
 const router = useRouter();