css - 弹框类
原创
©著作权归作者所有:来自51CTO博客作者mb64f93222904bd的原创作品,请联系作者获取转载授权,否则将追究法律责任
1. 小程序整个屏幕弹窗:
.cl-panel-box {
position: fixed;
right: 0;
top: -100vh;
bottom: 0;
height: 100vh;
width: 100%;
z-index: 999;
background: #ffffff;
transition: 0.4s;
}
.animation {
top: 0;
}
2. 整个屏幕下面的按钮区域:
.cl-panel-bottom {
display: flex;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border-top: 1upx solid #ededed;
}
.cl-panel-bottom button {
display: block;
width: 50%;
height: 88upx;
border-radius: 0;
font-size: 32upx;
line-height: 88upx;
color: #444444;
background: #ffffff;
}
.cl-panel-bottom button:after {
border: none;
}
.cl-enter {
color: #FFFFFF !important;
background: linear-gradient(to right, #ff4e33, #ff6933) !important;
}