fix ui

src/layouts/components/DefaultLayoutWithVerticalNav.vue

@@ -21,7 +21,7 @@ const getMenuList = (header: string) => {
 }
 
 // APP模式
-const appMode = computed(() => localStorage.getItem('MP_APPMODE') == '1')
+const appMode = computed(() => localStorage.getItem('MP_APPMODE') != '0')
 </script>
 
 <template>

src/layouts/components/Footer.vue

@@ -3,7 +3,7 @@ import { useDisplay } from 'vuetify'
 
 const display = useDisplay()
 const appMode = computed(() => {
-  return localStorage.getItem('MP_APPMODE') == '1' && display.mdAndDown.value
+  return localStorage.getItem('MP_APPMODE') != '0' && display.mdAndDown.value
 })
 
 const route = useRoute()
@@ -47,7 +47,7 @@ const activeState = computed(() => {
       </VBtn>
       <VBtn to="/apps" :ripple="false">
         <VIcon v-if="activeState.apps" size="32">mdi-dots-horizontal-circle</VIcon>
-        <VIcon v-else size="32">mdi-dots-horizontal-circle-outline</VIcon>
+        <VIcon v-else size="32">mdi-dots-horizontal</VIcon>
       </VBtn>
     </VBottomNavigation>
   </div>

src/layouts/components/UserProfile.vue

@@ -62,7 +62,7 @@ async function restart() {
 }
 
 // 是否精简模式
-const isCompactMode = ref(localStorage.getItem('MP_APPMODE') == '1')
+const isCompactMode = ref(localStorage.getItem('MP_APPMODE') != '0')
 
 // 从Vuex Store中获取信息
 const superUser = store.state.auth.superUser
@@ -99,6 +99,11 @@ watch(isCompactMode, value => {
           </VListItemTitle>
           <VListItemSubtitle>{{ userName }}</VListItemSubtitle>
         </VListItem>
+
+        <!-- Divider -->
+        <VDivider v-if="display.mdAndDown.value" class="my-2" />
+
+        <!-- 👉 AppMode -->
         <VListItem v-if="display.mdAndDown.value">
           <template #prepend>
             <VSwitch class="me-2" v-model="isCompactMode"></VSwitch>