scroll-view组件与swiper组件-wxml

scroll-view-wx滚动组件

< scroll-view srcoll-y>
srcoll-y y轴滚动或切换x轴
< /scroll-view> 在给加上高度一以及宽度 即可实现在该范围内 沿该轴滚动显示

swiper-wx轮播图组件

<!-- 轮播图结构标签 swiper -->

<swiper class="top" indicator-dots="true" indicator-color="black" indicator-active-color="white" autoplay="true" interval="2000" circular="true">

<!-- 轮播图组件 swiper-item -->

<!-- 轮播图1-->
<swiper-item class="item">a

</swiper-item>

<!-- 轮播图2 -->

<swiper-item class="item">b

</swiper-item>

</swiper>

接着给swiper结构标签设置高度 给swiper-item组件设置样式即可实现

swiper常用属性 完善轮播图更多功能 直接在swiper组件上使用即可

效果