小程序的swiper组件

滑块视图容器

swiper | 微信开放文档

简单的滑动图片

wxml 中定义

<swiper>
  <swiper-item wx:for="{{imgUrls}}">
    <image src="{{item}}" width="355" height="150"/>
  </swiper-item>
</swiper>

js 中定义

Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgUrls: [
      'https://img.alicdn.com/tfs/TB1FjZ7VWL7gK0jSZFBXXXZZpXa-520-280.png',
      'https://gtms03.alicdn.com/tps/i3/TB1gXd1JXXXXXapXpXXvKyzTVXX-520-280.jpg',
      'https://gtms01.alicdn.com/tps/i1/TB1r4h8JXXXXXXoXXXXvKyzTVXX-520-280.jpg'
    ],