@antmjs/vantui/lib/image-viewer/index.less

一套适用于Taro3及React的vantui组件库

.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;
    }
  }
}