在Android和ios中，大多数APP都有轮播图形的效果，在Android中使用viewpager来实现，在微信小程序中很普遍地使用
用swiper的标签实现了。 我们可以在微信小程序文档中看到所有标签。 图：
这些组件可以认为是Android的什么textview、button imageview等。
swiper在文档中是幻灯片视图容器
属性如下：
属性名称类型的默认值指示是否在最低版本的indicator-dotsBooleanfalse中显示面板指示点indicator-colorcolorrgba (0，0，0 )。3)指示点颜色1.1.0 indicator-active-color color # 000000当前选定指示点的颜色1.1.0autoplayBooleanfalse为： 当前编号0当前所在滑块的索引current-item-id字符串“”是否自动切换当前所在滑块的item-id， 1.9.0间隔编号5000自动切换时间间隔与durationNumber500幻灯片动画时间circularBooleanfalse连接幻灯片verticalBooleanfalse，不能与当前同时指定如果接受px和rpx值1.9.0下一合并' 0px '后边距，则可用于暴露后续部分。 px和rpx值为1.9.0 display-multiple-items number 1时同时显示的滑块数为1.9.0 skip-hidden-item-layoutbooleanfalse时不显示的滑块的如果设置为true，则可以优化复杂情况；但是，如果隐藏滑块的布局信息1.9.0 bindchangeeventhandlecurrent发生更改，则会发生更改事件，event.detail={ current source : source } bindanimationfinisheventhandle动画结束时将触发animation finish事件。 event.detail与上述1.9.0相同。 我们刚开始接触，没关系。 你可以按属性去玩。 习惯玩之后，以后你会的
现在开始编写代码，并在page目录下创建新的posts文件目录
接下来，创建对象的红框4个文件
在wxml下自由书写标签，看看是否可以预览
文本我是轮播/文本
要预览此效果，必须首先设置它是第一个启动界面。 那么，这个怎么设定？ 用全局app.json配置
{
' pages':[
' page/posts/posts '，
' page/welcome/welcome '
]、
' window':{
' navigationbarbackgroundcolor ' : ' # eeeee '
}
}
位于pages属性第一个位置的微信小程序被规定为启动页。 设定后即可预览。 否，打开调试器发现错误
要怎么解决，应该在posts.json上写空的json {}
还是回到卡卢塞尔格拉夫雨刷的话题上来？ 每个轮播图表的子接口是用什么表示的呢？ 答案是swiper-item
以下是我定义的轮播图的三张相同的照片：
效果图表：
你会发现宽度没有填满屏幕。 那么，设定image标签的宽度
image src='/images/BG.png ' style=' width :100 % '/image
我发现宽度满了全屏，如果图像高度与雨刷标签的高度一致怎么办？ 在中，为swiper标记设置的高度必须与image的高度匹配。 如果你设置为swiper-item，而没有设置为swiper，那就没用了。 因为swiper-item的高度是swiper标签的高度和宽度，所以必须将其设置为swiper，才能将其设置为swiper-item
有点奇怪，swiper-item可以是图像，也可以是文本。 这就是赶牛的地方
轮播通常都有点，这个怎么加？ 很简单。 看看文档就知道了。
indicator -缺省情况下不显示dotsbooleanfalse是否显示面板指示点。 要显示，请更改为true。 此外，还有自动滑动等属性。 自己做一下就知道了。
当然，一般数据来自服务端。 这只是在模拟下。 稍后从服务端获取数据并显示。