处理系统主题设置等按钮

src/App.vue

@@ -19,15 +19,15 @@ const currentSize = computed(() => appStore.getCurrentSize)
 const greyMode = computed(() => appStore.getGreyMode)
 
 // 根据浏览器当前主题设置系统主题色
-const setDefaultTheme = () => {
-  const { getStorage } = useStorage()
-  if (getStorage('isDark') !== null) {
-    appStore.setIsDark(getStorage('isDark'))
-    return
-  }
-  const isDarkTheme = isDark()
-  appStore.setIsDark(isDarkTheme)
-}
+// const setDefaultTheme = () => {
+//   const { getStorage } = useStorage()
+//   if (getStorage('isDark') !== null) {
+//     appStore.setIsDark(getStorage('isDark'))
+//     return
+//   }
+//   const isDarkTheme = isDark()
+//   appStore.setIsDark(isDarkTheme)
+// }
 
 const setPageData = () => {
   const { getStorage } = useStorage('localStorage')
@@ -38,7 +38,7 @@ const setPageData = () => {
 }
 
 setPageData()
-setDefaultTheme()
+// setDefaultTheme()
 </script>
 
 <template>

src/components/UserInfo/src/UserInfo.vue

@@ -70,10 +70,10 @@ const toDocument = () => {
     </div>
     <template #dropdown>
       <ElDropdownMenu>
-        <ElDropdownItem>
+        <!-- <ElDropdownItem divided>
           <div @click="toDocument">{{ t('common.document') }}</div>
-        </ElDropdownItem>
-        <ElDropdownItem divided>
+        </ElDropdownItem> -->
+        <ElDropdownItem>
           <div @click="lockScreen">{{ t('lock.lockScreen') }}</div>
         </ElDropdownItem>
         <ElDropdownItem>

src/layout/Layout.vue

@@ -59,7 +59,7 @@ export default defineComponent({
 
         <Backtop></Backtop>
 
-        <Setting></Setting>
+        {/* <Setting></Setting> */}
       </section>
     )
   }

src/views/Login/Login.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { LoginForm, RegisterForm } from './components'
-import { ThemeSwitch } from '@/components/ThemeSwitch'
-import { LocaleDropdown } from '@/components/LocaleDropdown'
+// import { ThemeSwitch } from '@/components/ThemeSwitch'
+// import { LocaleDropdown } from '@/components/LocaleDropdown'
 import { useI18n } from '@/hooks/web/useI18n'
 import { underlineToHump } from '@/utils'
 import { useAppStore } from '@/store/modules/app'
@@ -65,10 +65,10 @@ const toLogin = () => {
               <span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>
             </div>
 
-            <div class="flex justify-end items-center space-x-10px">
+            <!-- <div class="flex justify-end items-center space-x-10px">
               <ThemeSwitch />
               <LocaleDropdown class="lt-xl:text-white dark:text-white" />
-            </div>
+            </div> -->
           </div>
           <Transition appear enter-active-class="animate__animated animate__bounceInRight">
             <div