30 lines
410 B
CSS
30 lines
410 B
CSS
|
.drawer {
|
||
|
|
position: fixed;
|
||
|
|
bottom: 0;
|
||
|
|
left: -300px; /* 隐藏状态 */
|
||
|
|
width: 300px;
|
||
|
|
background-color: #fff;
|
||
|
|
transition: left 0.3s ease;
|
||
|
|
z-index: 99;
|
||
|
|
}
|
||
|
|
|
||
|
|
.drawer.open {
|
||
|
|
left: 0; /* 显示状态 */
|
||
|
|
}
|
||
|
|
|
||
|
|
.drawer-content {
|
||
|
|
z-index: 99;
|
||
|
|
}
|
||
|
|
|
||
|
|
.overlay {
|
||
|
|
position: fixed;
|
||
|
|
left: 0;
|
||
|
|
width: 0;
|
||
|
|
bottom: 0;
|
||
|
|
background-color: rgba(0, 0, 0, 0.5);
|
||
|
|
z-index: 80;
|
||
|
|
}
|
||
|
|
|
||
|
|
.overlay.open {
|
||
|
|
width: 750rpx;
|
||
|
|
}
|