<img class="previewer-demo-img" v-for="(src11,i) of item.images"  :src="src11" alt="" :key="i">

because you want to present a picture in the ninth house format of Wechat"s moments, but the original picture is of different sizes, get an area in the middle of the picture, make a thumbnail, click and then show the original image.

ask for advice!

, supplement,

  .bg{
      font-size:30px;
      background-color:-sharpcccccc;
      background-size:cover;
      width: 200px;
      height:200px;
      overflow:hidden;
   }
<div class="bg" style="background: url("../common/image/normal-head.png") no-repeat center;"></div>


<img src