uni-app底部安全區高度(padding-bottom、bottom)

1. padding-bottom

.bottom-btn {
	padding: 12upx 40upx 0;
	padding-bottom: constant(safe-area-inset-bottom);  // 核心代碼
	padding-bottom: env(safe-area-inset-bottom); // 核心代碼
}

           

1. bottom

.bottom-btn {
	width: 100%;
	padding: 12upx 40upx 0;
	box-shadow: 0 0 12upx #F2F2F2;
	position: fixed;
	bottom: 0;
	background-color: #FFFFFF;
	z-index: 12;
	padding-bottom: constant(safe-area-inset-bottom);  // 核心代碼
	padding-bottom: env(safe-area-inset-bottom); // 核心代碼
}