img图片的处理技巧

<div class="img-wrap">
      <img :src="img" alt />
</div>

.img-wrap {
    position: relative;
    width: 100%;
    padding-top: 100%;
    margin-bottom: 0.571429rem;
    @include borderRadius(0.357143rem);
    overflow: hidden;
    cursor: pointer;
    &:hover {
      .desc-wrap {
        transform: translateY(0);
      }
      .play-icon-wrap {
        opacity: 0.9;
      }
    }
    img {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }
  }