样式

common/style/layout.styl

@@ -107,7 +107,7 @@ uni-button:after {
 .zd_content {
 	width: 100%;
 	height: auto;
-	padding: calc(var(--status-bar-height) + 108rpx) 15rpx 120rpx 14rpx;
+	padding: 108rpx 15rpx 120rpx 14rpx;
 }
 .zd_wrapper {
 	width: 100%;
@@ -340,7 +340,7 @@ uni-button[disabled]:not([type]) {
 	bottom: 0;
 	left: 0;
 	width: 100%;
-	height: calc(100% - var(--status-bar-height) - 72rpx);
+	height: calc(100% - 72rpx);
 	padding: 14rpx;
 	background-color: #f6f6f6;
 	box-shadow: 0 -8px 16px 0 rgba(28,31,33,.1);

components/NavBar.vue

@@ -53,11 +53,11 @@
 .header
 	_fj()
 	position fixed
-	_wh(100%, calc(var(--status-bar-height) + 88rpx))
+	_wh(100%, 88rpx)
 	background-color $red
 	background linear-gradient(90deg, $red1, $red2)
 	z-index 200
-	padding var(--status-bar-height) 20rpx 0 20rpx
+	padding 0 20rpx 0 20rpx
 .page_name
 	_font(32rpx, 32rpx, #fff,700,center)
 </style>