这一节课我们来了解一下swiper组件，还有swiper-item组件的基本使用。在小程序中，通过组件的配合，就可以实现一个轮播图的效果，可以在页面上放一个swiper，就代表一个轮播图的容器，里面有几张轮播图，就需要放几个swiper-item。我们要实现三张图的轮播，于是我们就放了三个。
每一个轮播图里面都放了一个view，加了一个文本，同时也加了一个背景色来进行区分。当把这个结构设计好之后紧，接着还要去写样式对轮播图来进行美化，给这个轮播图的容器加了一个强制性的高度高度是150个像素，就代表说将来这个轮播图在高度上就会占150个像素。也加一个高度，让它高度撑满的这个父容器，同时加了一个行高，还有text-center，目的是为了让这个文本在横向和纵向上居中展示，加了一个背景色，第一个是一个浅绿色，第二个是一个浅蓝色，第三个是一个浅粉色。
接下来就去实现这么一个轮播图的效果。打开的微信开发者工具，首先来编写页面的结构，在最外层咱们放一个容器，就是swipe里面是的轮播图像。有几张轮播图就放几个swiper-item，然后需要在每一个item项里面，去放一个对应的view，代表这是一张轮播图。
然后swiper-item:nth-child(1)，选中第一个，加一个background-color来一个lightgreen。其他颜色如上。
最终效果，我们实现一个最简单的轮播图。
