easyshop-wxmini/packagePosterImg/index.wxss

.poster {
	position: relative;
	width: 100%;
	height: 100vh;
	background: #c11f1b;
}

.poster .backgroundImg {
	position: absolute;
	top: calc(constant(safe-area-inset-bottom) / 2);
	top: calc(env(safe-area-inset-bottom) / 2);
	width: 100%;
	height: calc(100% - constant(safe-area-inset-bottom));
	height: calc(100% - env(safe-area-inset-bottom));
}

.poster .background-door {
	position: absolute;
	bottom: calc(constant(safe-area-inset-bottom) / 2);
	bottom: calc(env(safe-area-inset-bottom) / 2);
	width: 100%;
	height: calc(55% - constant(safe-area-inset-bottom));
	height: calc(55% - env(safe-area-inset-bottom));
	perspective: 500px;
}

.poster .background-door .background-door__left,
.poster .background-door .background-door__right {
	position: absolute;
	width: 50%;
	height: 100%;
	perspective: 500px;
}

.poster .background-door .background-door__right {
	right: 0;
}

.poster .background-door image {
	position: absolute;
	height: 100%;
	transform-origin: right center;
}

.poster .background-door .background-door__left image {
	right: 0;
	transform-origin: left center;
}