微信小程序swiper 轮播图组件中图片高度显示不全的解决方法

2021-01-1708:48:21APP与小程序开发Comments2,624 views字数 290阅读模式

按照小程序官方的文档,swiper 轮播图中的图片高度大时,会显示不全。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20861.html

image 添加文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20861.html

  

即可解决文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20861.html

<swiper indicator-dots="true" autoplay="true" interval="3000" duration="1000">
  <block wx:for="{{ banners }}" wx:for-item="banner" wx:key="_id">
    <swiper-item>
      <image src="{{ banner.image }}"
        
       />
    </swiper-item>
  </block>
</swiper>

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20861.html

以上就是微信小程序的swiper 轮播图组件中图片高度显示不全的全部内容。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20861.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/xcx/20861.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定