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

句号（在IT行业摸爬滚打）

已于 2023-11-13 14:57:20 修改

阅读量965

点赞数

分类专栏：微信小程序初学者进阶联盟文章标签：微信小程序 notepad++ 小程序

于 2023-11-13 14:56:28 首次发布

本文链接：https://blog.csdn.net/tl437002770/article/details/134377150

版权

微信小程序初学者进阶联盟专栏收录该内容

36 篇文章 19 订阅 ¥9.90 ¥99.00

订阅专栏

本文介绍了如何在微信小程序中创建广告banner和滚动屏，利用滑块视图容器swiper及swiper-item组件，配合相关参数设置，可以实现滚动效果。详细步骤和代码示例给出，帮助开发者快速掌握技巧。建议查阅官方文档以了解更多swiper的使用细节。

摘要由CSDN通过智能技术生成

使用滑块视图容器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"/>
  </swip

了解本专栏