sytle：调整登录页样式-适配手机状态栏高度

src/manifest.json

@@ -2,8 +2,8 @@
     "name" : "必硕生管系统",
     "appid" : "__UNI__333F1FF",
     "description" : "",
-    "versionName" : "1.0.0",
-    "versionCode" : 101,
+    "versionName" : "1.0.2",
+    "versionCode" : 103,
     "transformPx" : false,
     /* 5+App特有相关 */
     "app-plus" : {

src/pages/index.vue

@@ -95,7 +95,22 @@ function goTop() {
   }, 0)
 }
 
+function redirectToLoginIfNeeded() {
+  if (userStore.token) {
+    return false
+  }
+
+  uni.reLaunch({
+    url: '/pages/login'
+  })
+  return true
+}
+
 function redirectIfHomeUnavailable() {
+  if (redirectToLoginIfNeeded()) {
+    return
+  }
+
   if (!userStore.token || !permissionInfoLoaded.value) {
     return
   }
@@ -115,6 +130,10 @@ function redirectIfHomeUnavailable() {
 watch([permissionInfoLoaded, menus], () => {
   redirectIfHomeUnavailable()
 }, { immediate: true })
+
+onMounted(() => {
+  redirectToLoginIfNeeded()
+})
 </script>
 
 <style lang="scss" scoped>

src/pages/login.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="scroll-container">
-    <view class="login-container">
-      <NavBar title=" " />
+    <view class="login-container" :style="containerStyle">
+      <!-- <NavBar title=" " /> -->
       <!-- Logo区域 -->
       <view class="logo-section">
         <view class="logo-wrapper">
@@ -44,7 +44,7 @@
 <script setup>
 import modal from '@/plugins/modal'
 import { getCodeImg } from '@/api/login'
-import { ref } from "vue";
+import { computed, ref } from "vue";
 import config from '@/config.js'
 import useUserStore from '@/store/modules/user'
 import NavBar from '@/components/common/NavBar.vue'
@@ -53,6 +53,7 @@ import { getFirstTabBarPath } from '@/utils/permissionMenu'
 const userStore = useUserStore()
 const codeUrl = ref("");
 const captchaEnabled = ref(false);
+const statusBarHeight = ref(uni.getSystemInfoSync?.().statusBarHeight || 0)
 
 const globalConfig = ref(config);
 const loginForm = ref({
@@ -108,6 +109,10 @@ function loginSuccess(result) {
     });
   })
 }
+
+const containerStyle = computed(() => ({
+  '--status-bar-height': `${statusBarHeight.value}px`
+}))
 </script>
 
 <style lang="scss">
@@ -122,16 +127,18 @@ page {
   overflow: auto;
 
   .login-container {
+    --status-bar-height: 0px;
     width: 100%;
     min-height: 100vh;
     position: relative;
     box-sizing: border-box;
     padding: 0 50rpx;
+    padding-top: calc(var(--status-bar-height) + 24rpx);
 
     /* 顶部装饰背景 */
     .background-decoration {
       position: absolute;
-      top: 100rpx;
+      top: calc(var(--status-bar-height) + 24rpx);
       left: -9.2%;
       right: -9.2%;
       width: 118.4%;
@@ -149,7 +156,7 @@ page {
 
     /* Logo区域 */
     .logo-section {
-      padding-top: 40rpx;
+      padding-top: 0;
       display: flex;
       justify-content: center;