css页面上推

css页面上推

// An highlighted block
.liu-up-view{
	  position:fixed;
	  width:100%;
	  box-sizing:border-box;
	  left:0;
	  right:0;
	  border-top-right-radius: 20rpx;
	  border-top-left-radius: 20rpx;
	  bottom:0;
	  background:#f7f7f7;
	  transition:all .2s ease-in-out;
	  z-index:999;
	  display: none;
  }

   // 显示上推页面
  .liu-up-view-show{
	  display: block;
  }

	// 遮罩层
	.liu-up-mask{
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:rgba(0,0,0,.7);
		z-index:999;
	}