小程序之轮播图

        最近工作上项目不忙,然后自己学习了一下微信小程序开发,自己做点记录,有刚开始学习的同学也可以看一下,互相交流.

什么是微信小程序:是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。

微信小程序和传统app相比具有哪些优势:一是微信有海量用户，而且粘性很高，在微信里开发产品更容易触达用户;

二是推广app 或公众号的成本太高，而应用号“无需下载”的优势能够使用户减少心理负担，推广效率更高。推广微信应用号，只需要用户扫码即可，不管是流量环境还是WIFI环境，都不是问题，最大程度减少了用户的耐心损耗。

三是开发适配成本低。微信公众号开发涉及网页前端和服务器后端，相比起 iOS 和 Android 开发，至少节省了两个平台的开发成本，节省了大量的时间和人力。因为开发这两个平台的客户端，服务器后端的开发几乎是必须有的，网页前端可能相对微信公众号要少一些，但相比之下，这些前端的工作比客户端的工作量要少很多。

五是容易小规模试错，然后快速迭代。这被认为是现今互联网创业的基本方法。而且修改无需等待审核，迭代后马上能看到效果，然后继续观察和迭代。

六是跨平台。微信应用号本身是网页，可以在群里被转发，可以搭建到公众号上，传播起来非常方便。

微信小程序开发者工具点我

轮播图

1.使用微信提供的swiper控件

自己创建一个文件夹page,在page文件下创建轮播图文件夹swiper,在swiper文件下创建文件swiper.js,swiper.wxml,swi.wxss(注意:在创建文件夹里的文件时,要保持文件夹下所有文件与文件夹名称一致.)

创建文件夹以及文件

1.在页面swiper.wxml中添加控件

swiper.wxml

2.在swip.wxss中设置样式

swiper.wxss

3.在swiper.js 中设置数据

swiper.js1

swiper.js2

就这么简单，轮播图就出现了，真的比iOS开发简单多了-_-!

实现的效果: