mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
70 lines
1.4 KiB
Plaintext
70 lines
1.4 KiB
Plaintext
.zan-popup__mask {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 10;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
display: none;
|
|
}
|
|
.zan-popup__container {
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 50%;
|
|
background: #fff;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
transform-origin: center;
|
|
transition: all 0.4s ease;
|
|
z-index: 11;
|
|
opacity: 0;
|
|
}
|
|
.zan-popup--show .zan-popup__container {
|
|
opacity: 1;
|
|
}
|
|
.zan-popup--show .zan-popup__mask {
|
|
display: block;
|
|
}
|
|
|
|
/* 左侧popup */
|
|
.zan-popup--left .zan-popup__container {
|
|
left: 0;
|
|
top: auto;
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
.zan-popup--show.zan-popup--left .zan-popup__container {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
/* 右侧popup */
|
|
.zan-popup--right .zan-popup__container {
|
|
right: 0;
|
|
top: auto;
|
|
left: auto;
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
.zan-popup--show.zan-popup--right .zan-popup__container {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
/* 底部popup */
|
|
.zan-popup--bottom .zan-popup__container {
|
|
top: auto;
|
|
left: auto;
|
|
bottom: 0;
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
.zan-popup--show.zan-popup--bottom .zan-popup__container {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
/* 顶部popup */
|
|
.zan-popup--top .zan-popup__container {
|
|
top: 0;
|
|
left: auto;
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
.zan-popup--show.zan-popup--top .zan-popup__container {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|