小程序使用swiper显示图片的问题

3131975015
  • 411

代码下面这样写 图片高度显示不全 我想让图片显示全 而且宽度100% 高度自适应 应该怎么办呢?
图片描述
.wxml

<view>
<swiper indicator-dots="{{indicatorDots}}"
  autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
  <block wx:for="{{imgUrls}}" wx:key="*this">
    <swiper-item>
      <image src="{{item}}" class="slide-image"/>
    </swiper-item>
  </block>
</swiper>
</view>

如果在.wxss中加上width: 100%和上面显示的没区别 如果加上height:auto图片就会显示不出来
.wxss

.slide-image{width: 100%;}
回复
阅读 3.1k
1 个回答

clipboard.png

可以在image元素增加属性mode='aspectFill'

<image mode="aspectFill" src="{{src}}"></image>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏