轮播图实现不了
发布于 5 年前 作者 luxiuying 2537 次浏览 来自 问答

大家可以帮我看看怎么回事吗？不知道为什么轮播图显示不出来

代码如下：

<view class=“container”>

<text>我心中的童话</text>

<swiper style=‘background:#F5F5F5; height:200px;’>

<swiper-item class=‘movie’ wx:for="{{thispages}}">

<image src="{{item.image}}" class=“movie-images”></image>

<view class=‘movie-details’>

<text>第{{index+1}}周的图片</text>

<text style=‘font-size:60rpx;font-weigth:bold’>{{item.name+item.state}}</text>

<!–<text wx:if="{{flag}}">{{(a+b>3)?“大于3”:“不大于3”}}</text>–>

<text hidden="{{!item.flag}}">我有很多宝贝</text>

<text>{{(item.a+item.b>3)?“大于3”:“不大于3”}}</text>

</view>

</swiper-item>

</swiper>

</view>

我是把view改成了swiper-item，原来代码是可以正常显示的

5 回复

你的container里这么写 display: flex;flex-direction:column; 影响了swiper的布局…去掉就行

代码片段专用：https://developers.weixin.qq.com/minigame/dev/devtools/minicode.html

<swiper
  indicator-dots="{{indicatorDots}}"
  autoplay="{{autoplay}}"
  interval="{{interval}}"
  duration="{{duration}}">
  <block wx:for="{{imgUrls}}">
    <swiper-item>
      <image src="{{item}}" class="slide-image" width="355" height="150" />
    </swiper-item>
  </block></swiper>

<swiper-item class=‘movie’ >

我估计是因为你把wx:for="{{thispages}}"写在了swiper-item里面。

代码片段不是代码，是微信提供的一个功能，详情请百度

可以做个代码片段吗

回到顶部