微信小程序广告banner、滚动屏怎么做？

使用滑块视图容器swiper和swiper-item可以制作滚动屏，代码如下：

wxml:

<swiper indicator-dots indicator-color="rgba(255,255,255,0.5)" indicator-active-color="white" autoplay interval="3000">
   <swiper-item>
    <image src=""fakepath://展厅绘制.jpg"/>
  swiper-item>
  <swiper-item>
    <image src=""fakepath://展会名片.jpg"/>
  swiper-item>
  <swiper-item>
    <image src=""fakepath://签到.jpg" />
  swiper-item>
  <swiper-item>
    <image src="fakepath://抽奖.jpg" />
  swiper-item>
  <swiper-item>
    <image src="fakepath://礼品领取.jpg"/>
  swiper-item>
swiper>

wxss:

swiper image{
  width: 100%;
  height: 100%;
}

效果如下：

其中，swiper常用参数如下，其中只可放置swiper-item组件，否则会导致未定义的行为。：

 swiper使用细节可见官方文档：

视图容器 / swiper (qq.com)

微信小程序教程，欢迎关注我！