需求:像朋友圈一样展示图片,在长图时,只展示图片中心的一部分
1.前端一般展示图片常规操作
<img :src="item1" class="oneimg" v-for="(item1,index1) in item.postImgs">
效果图:
图片会出现压缩的现象,很不美观
2.如何实现不压缩图片的效果?
<div class="oneimg"
:style="{backgroundImage:'url('+item1+')',backgroundSize:'cover',backgroundRepeat:'no-
repeat',backgroundPosition:'center center'}" v-for="(item1,index1) in item.postImgs" >
</div>
将图片转化为背景图进行展示,既能实现其效果
效果图: