Jelajahi Sumber

抽奖页面

DESKTOP-O04BTUJ\muzen 3 tahun lalu
induk
melakukan
563c89709c
1 mengubah file dengan 3 tambahan dan 7 penghapusan
  1. 3 7
      src/pages/lottery/index.vue

+ 3 - 7
src/pages/lottery/index.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="app-container">
-    <view class="nav">
+    <view class="nav" :style="{'margin-top': statusBarHeight + 'px'}">
       <uni-icons type="back" style="font-size: 48rpx" @click="close" />
       <text class="title">积分抽奖</text>
     </view>
@@ -88,10 +88,6 @@ export default {
       this.setUserInfo()
     }
   },
-  mounted() {
-    this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px'
-    console.log(uni.getSystemInfoSync());
-  },
   methods: {
     setUserInfo() {
       this.prizes = []
@@ -220,7 +216,8 @@ export default {
   background-repeat: no-repeat;
   width: 100%;
   height: 1880rpx;
-  padding: 0;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
 
   .nav {
     height: 88rpx;
@@ -230,7 +227,6 @@ export default {
     font-weight: bold;
     font-size: 36rpx;
     position: relative;
-    margin-top: var(--status-bar-height);
 
     .title {
       position: absolute;