学习前后
上一篇：微信小程序开发之七 —— Flex、Grid与List布局
下一篇：微信小程序开发之九 —— JavaScript入门
swiper
官方文档：swiper
属性值较多，这里列举待会用到的几个
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| indicator-dots | boolean | false | 是否显示面板指示点 |
| indicator-color | color | rgba(0, 0, 0, .3) | 指示点颜色 |
| indicator-active-color | color | #000000 | 当前选中的指示点颜色 |
| autoplay | boollean | false | 是否自动切换 |
| interval | number | 5000 | 自动切换时间间隔 |
| duration | number | 500 | 滑动动画时长 |
| circular | boolean | false | 是否采用衔接滑动 |
组件基本没什么好解释的，就是会用就行，忘了就看官方文档，不需要特意去记住。
示例：
.wxml
<view class="home-top">
<view class="home-swiper">
<swiper indicator-dots="{
{indicatorDots}}" autoplay="{
{autoplay}}" interval="{
{interval}}" duration="{
{duration}}" indicator-color="{
{indicatorColor}}" indicator-active-color="{
{activecolor}}" circular="{
{circular}}">
<block wx:for="{
{imgUrls}}" wx:key="*this" >
<swiper-item>