Jelajahi Sumber

修复:ios机型上无法滚动问题

htc 4 hari lalu
induk
melakukan
c8b33cd0bb
2 mengubah file dengan 22 tambahan dan 6 penghapusan
  1. 11 3
      pagesMy/privacyPolicy.vue
  2. 11 3
      pagesMy/serviceAgreement.vue

+ 11 - 3
pagesMy/privacyPolicy.vue

@@ -148,9 +148,17 @@ font-family:"Microsoft JhengHei UI",sans-serif'>&nbsp;</span></b></p>
 
 <style scoped lang="scss">
 	.default_page{
+		height: 100vh;
 		background: #FFFFFF;
-		padding: 50rpx 30rpx;
-		box-sizing: border-box;
-		overflow-y: auto;
+		padding-left: 30rpx;
+		padding-right: 30rpx;
+		padding-bottom: 30rpx; /* 可以给底部增加一些空间 */
+
+		box-sizing: border-box; /* 确保 padding 不会增加总高度 */
+		overflow-y: auto; /* 现在容器有固定高度了,这个属性会生效 */
+		
+		/* 兼容iOS设备底部安全区域 */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
 	}
 </style>

+ 11 - 3
pagesMy/serviceAgreement.vue

@@ -269,9 +269,17 @@ font-family:"Microsoft JhengHei UI",sans-serif'>&nbsp;</span></b></p>
 
 <style scoped lang="scss">
 	.default_page{
+		height: 100vh;
 		background: #FFFFFF;
-		padding: 50rpx 30rpx;
-		box-sizing: border-box;
-		overflow-y: auto;
+		padding-left: 30rpx;
+		padding-right: 30rpx;
+		padding-bottom: 30rpx; /* 可以给底部增加一些空间 */
+
+		box-sizing: border-box; /* 确保 padding 不会增加总高度 */
+		overflow-y: auto; /* 现在容器有固定高度了,这个属性会生效 */
+		
+		/* 兼容iOS设备底部安全区域 */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
 	}
 </style>