小程序官方文档的 swiper踩的一个坑（图片不显示）

最新推荐文章于 2024-08-21 17:47:57 发布

addU

最新推荐文章于 2024-08-21 17:47:57 发布

阅读量764

点赞数

分类专栏：小程序文章标签：小程序 swipe

本文链接：https://blog.csdn.net/flyingLF/article/details/103928547

版权

小程序专栏收录该内容

18 篇文章 0 订阅

订阅专栏

开发小程序的时候用到了官方的swiper，需要用到控制同时显示的数量这个属性，
在这里插入图片描述
然后，就怎么也看不到图片显示了，仿佛背吃了。。。。。

后面才找到原因，就是这个数量的值不能大于图片数组的长度，唉。。。。想想也是，就是没找到原因的时候感觉贼坑，找到原因了还是感觉坑！

下面是页面代码：

<swiper 
	autoplay="{{autoplay}}" 
	<!--主要是下面的判断数组长度的三元表达式-->
	display-multiple-items="{{expersInfo.images.length>4?'4':expersInfo.images.length}}" 
	previous-margin="14rpx">
      <swiper-item wx:for="{{expersInfo.images}}" wx:key="{{index}}">
        <image class="img" src="{{item}}" data-index='{{index}}' bindtap='previewImg'></image>
      </swiper-item>
</swiper>