收藏
回答

swiper 图片无法填充? 新手求助

想让图片铺满整个swiper区域 ,但是右边一直留了空白,想请教各位大佬如何解决?

显示效果如图:

home.wxml:

<!--幻灯片 开始-->
  <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
    <block wx:for="{{background}}" wx:key="*this">
      <swiper-item>
        <image src="{{item}}" mode="scaleToFill"></image>
      </swiper-item>
    </block>
  </swiper>
  <!--幻灯片 结束-->

home.wxss:

.swiper-box{
  padding3rpx;
}


.swiper-box swiper{
  height320rpx;
}
.swiper-box swiper image {
  width: auto;
  height: auto;
}


home.js:

 background: ['/images/幻灯片test1.png''/images/幻灯片test2.png''/images/幻灯片test3.png','/images/幻灯片test4.png','/images/幻灯片test5.png'],
    circular: true,
    indicatorDots: true, 
    indicatorcolor"#000",
    vertical: false,
    autoplay: true,
    interval2500,  
    duration100,  
回答关注问题邀请回答
收藏

2 个回答

  • 😮😮
    😮😮
    03-18

    .swiper-box 这个是哪个属性 如果没有的话 写的样式都没有用,然后image设置宽高100%

    03-18
    有用 1
    回复 1
    • 集
      发表于移动端
      03-18
      解决了,谢谢!!
      03-18
      回复
  • Brother斌🎈
    Brother斌🎈
    03-18

    image给个宽度给个100%试一下

    03-18
    有用 1
    回复 1
    • 集
      发表于移动端
      03-18
      解决了,谢谢!!
      03-18
      回复
登录 后发表内容
问题标签