Swipe 轮播

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/swipe

轮播展示图片, 自定义定位器. 涉及组件 Swipe 和 SwipeItem.

<van-swipe class="my-swipe" 
           :autoplay="3000" 
           indicator-color="white">
  <van-swipe-item>1</van-swipe-item>
  <van-swipe-item>2</van-swipe-item>
  <van-swipe-item>3</van-swipe-item>
  <van-swipe-item>4</van-swipe-item>
</van-swipe>

<style>
  .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
  }
</style>

常用属性与事件

• change 事件
• virtual 纵向滚动