微信小程序回忆第一天——swiper

swiper 容器以及swiper-item子容器

效果：轮播图

undefined

swiper

滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。

<!--页面总体的容器,swiper-item也是一个容器,内部可以设置按钮-->
<view>
  <swiper style="width:100%; height:400rpx">
  <!--要设置外容器swiper才能有用-->
  <swiper-item>
  <!--swiper-item的高度和宽度由swiper决定，且永远是100%-->
  <image src="/images/xiaolong.jpg" style="width:100%"></image></swiper-item>
  <swiper-item><image src="/images/sls.jpg" style="width:100%"></image></swiper-item>
  <swiper-item><image src="/images/vr.png" style="width:100%"></image></swiper-item>
  </swiper>
</view>

常用的swiper内部组件

1. indicator-dots=“true” （默认是false）

作用是出现跳转的点

2.autoplay=“true”（默认是false）

作用是实现图片间的自动跳转

3.interval=“5000”（默认是5000）

作用是规定图片间切换的时间

4.vertical=“true” （默认是false）

作用是规定是否为纵向滑动