微信小程序——学习心得三

综合实例：评测小程序首页的实现
案例分析：

1.头部是由一个轮播图构成
2.中部由四个图像加小标题构成
3.底部是多个相同的图片加文字内容修饰
学习目标：
1.学习swiper标签实现轮播图的效果
2.学习页面布局和图片及文字的渲染
3.在实践过程中发现自己的问题，加强对操作的熟练性，和对代码的熟悉
案例实现步骤：
1.首先创建新的小程序项目，将原来的样式文件中的代码删除，基本文件全部初始化；
2.在微信公众平台下的微信开发文档的组件里找视图容器中的swiper标签，复制示例代码到index.wxml文件中，改变属性值如图所示，使轮播图可以自动播放；

然后设置swiper的属性，主要有autoplay，interval等属性，其中autoplay设置是否自动轮播；
接着使用block标签，放置要轮播的图片，图片的来源等一下从js文件中获取；
接着打开js文件，在js文件中的data函数里面定义图片的路径，这里放置了三张图片的路径；

接下来就是设