样式优化

src/pages/materialsStation/index/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="page-bg">
+  <view class="page-bg" :style="{ height: `calc(100vh - ${statusBarHeight})` }">
     <view class="upper-user">
       <view class="user-rig">
         <view>你好！</view>
@@ -64,6 +64,15 @@ const isUsingList = ref([
   { path: 'teamStore', src: 'teamStore', isShow: true },
   { path: 'teamWarning', src: 'teamWarning', isShow: true },
 ])
+
+let statusBarHeight = ref('50px')
+// #ifdef MP-WEIXIN
+statusBarHeight.value = uni.getWindowInfo().statusBarHeight + 'px'
+// #endif
+// #ifndef MP-WEIXIN
+statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight + 'px'
+// #endif
+
 function jumpUrl(path) {
   if (isTeamLeader.value && (path == 'toolsOut' || path == 'toolsBack' || path == 'toolsLedger')) {
     // 提示无权限
@@ -185,7 +194,7 @@ onShow(async () => {
   background: url('../../../static/bgd.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
-  min-height: 100vh;
+  /* min-height: 100vh; */
 }
 .upper-user {
   width: 85%;
@@ -196,11 +205,11 @@ onShow(async () => {
   display: flex;
   // 针对平板（如宽度大于等于768px）设置不同的 padding-top
   @media (min-width: 768px) {
-    padding-top: 13%;
+    padding-top: 150rpx;
   }
   // 针对手机（如宽度小于768px）设置不同的 padding-top
   @media (max-width: 767px) {
-    padding-top: 7%;
+    padding-top: 100rpx;
   }
   .user-lef {
     width: 60px;