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

a bridge api for js-ios/andriod rest

.mp-bottom-modal {
	&.mp-open {
		.mp-content {
			animation: bottomSlideInUp 0.2s ease;
		}
	}

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

	.mp-content {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 20px;
		background-color: #fff;
	}
}





@keyframes bottomSlideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bottomSlideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}