para-bridge-demo/src/client/components/modal/style/center_modal.less

a bridge api for js-ios/andriod rest

.mp-center-modal {
	&.mp-open {
		.mp-content {
			animation: centerSlideInUp 0.2s ease;
		}
	}

	&.mp-close {
		.mp-content {
			animation: centerSlideOutDown 0.2s ease;
		}
	}

	.mp-content {
		position: absolute;
		background-color: #fff;
		width: 70%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		border-radius: 20px;
		display: inline-block;
	}


	@keyframes centerSlideInUp {
		from {
			-webkit-transform: translate(-50%, -50%) scale(0);
			transform: translate(-50%, -50%) scale(0);
		}

		to {
			-webkit-transform: translate(-50%, -50%) scale(1);
			transform: translate(-50%, -50%) scale(1);
		}
	}

	@keyframes centerSlideOutDown {
		from {
			-webkit-transform: translate(-50%, -50%) scale(1);
			transform: translate(-50%, -50%) scale(1);
		}

		to {
			-webkit-transform: translate(-50%, -50%) scale(0);
			transform: translate(-50%, -50%) scale(0);
			visibility: hidden;
		}
	}
}