@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
48 lines (42 loc) • 819 B
text/less
.van-image-viewer {
.van-image-viewer-main {
position: fixed;
left: 0;
bottom: 0;
width: 100vw;
height: 100vh;
z-index: 2000;
opacity: 0;
animation-name: van-image-viewer-show;
animation-duration: 0.3s;
animation-delay: 0.4s;
animation-fill-mode: forwards;
@keyframes van-image-viewer-show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.van-swiper {
height: 100vh;
}
.van-image {
display: flex;
align-items: center;
}
.page-desc {
position: absolute;
bottom: 28px;
right: 10px;
width: 92px;
height: 44px;
background: rgba(0, 0, 0, 0.33);
border-radius: 44px;
text-align: center;
color: #ffffff;
font-size: 28px;
}
}
}