小程序学习笔记二（Swiper轮播图）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_38287952/article/details/81462397

Swiper 组件

  Swiper-item 组件中，样式是根据父节点Swiper来设置的，

  所以样式需要放到 Swiper 组件中即可，还需要把样式放到image

标签中。

 

 wxml中

  <view>

<swiper>

<swiper-item>

  <image src='/images/1.jpg' ></image>

</swiper-item>

<swiper-item>content</swiper-item>

<swiper-item>content</swiper-item>

</swiper>

</view>

  

wxcss中

swiper {

   width:100%;

   height: 500rpx;

}

swiper image {

   width:100%;

   height: 500rpx;

}

常用属性

indicator-dots   true      是否显示面板指点

autoplay        true      是否自动切换

interval         2000     自动切换时间间隔

vertical         true      是否垂直垂直