微信开发者工具横向滑动图片的代码怎么放置？

Question

如图，里面有8张个商品图和链接，要怎么做成一排横向左右滑动的效果？代码应该放在哪里？

想要下面ZARA的效果

Answer 1

轮播图，swiper组件

示例：

<swiper class='jubenPng' indicator-dots='true' autoplay='true' interval='4000'>
  <block wx:for="{{ imageList}}" wx:key="id">
          <swiper-item>
            <view style="text-align: center;"><text>剧本：{{ item.name}}</text></view>
            <view style="text-align: left;"><text class="content">剧本介绍：{{ item.content}}</text></view>
            <image bindtap='previewImage' src="{{ item.url }}" data-name="{{ item.name}}" style="height:400rpx"></image>
          </swiper-item>
        </block>
    </swiper>