在小程序轮播图的时候有时候会出现图片被压缩的情况,这是因为图片是宽度高度比例展示的,但是包裹轮播图的swiper的宽度和高度我们是固定掉的,因此我们得想出个办法解决这个问题,解决办法如下:
1.通过在image里绑定bindLoad方法(该方法会)
wxml:
<view class='slider'>
<swiper indicator-dots="{
{ true }}" autoplay="{
{ true }}" interval="2500" duration="400" circular="{
{ true }}" style='height:{
{Height}}'>
<block wx:for="{
{swiperImgs}}" wx:key="index">
<swiper-item>
<image src="{
{item}}" class="swipeImg" bindload='imgHeight' />
</swiper-item>
</block>
</swiper>
</view>
样式如下:
.swipeImg{
width:100%;
height: 100%;
}
.container{
width:100%;
height: 100%;
margin-bottom:200rpx;
}
最重要的是逻辑</