首先先将wxml文件和wxcss文件写好 如下图：
2、wxml里的文件数据显示从js配置文件里调用出来的
二、组件页面跳转效果
跳转标签 navigator open-type=“”跳转的方式
navigate：在原来的页面打开跳转到另一个页面并且能够返回原来的页面
redirect：从原来的页面直接跳转到另一个页面并不会返回到原来的页面
switchTab：是根据全局文件的里的 json文件来配合使用 如图二
图二：
三、swiper组件的用法（轮播效果）
wx：for-index：表示的是id；
四、事件
setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的this.data值 重要