【微信小程序】swiper轮播图
互联网 2021/4/7 22:08:37 次
<view class="swiperWrap"><swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}" indicator-color=&q…
<view class="swiperWrap">
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}" indicator-color="rgba(0, 0, 0, .3)" indicator-active-color="#fff">
<block wx:for="{{imgUrls}}" wx:for-index="index" wx:key="index">
<swiper-item>
<image class="" src="{{item}}"></image>
</swiper-item>
</block>
</swiper>
</view>data:
imgUrls: [ '/images/ad1.jpg', '/images/ad2.jpg', '/images/ad3.jpg', '/images/ad4.jpg', '/images/ad5.jpg', '/images/ad6.jpg', '/images/ad7.jpg', ], indicatorDots: true, // 是否显示面板指示点 autoplay: true, // 是否自动切换 circular: true, // 是否采用衔接滑动 interval: 3000, // 自动切换时间间隔 duration: 1000, // 滑动动画时长
关于找一找教程网
本站文章仅代表作者观点，不代表本站立场，所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章，希望广大程序员努力学习，让我们用科技改变世界。
[【微信小程序】swiper轮播图]http://www.zyiz.net/tech/detail-153531.html
您可能感兴趣的文章:
上一篇：【微信小程序】tab选项卡
下一篇：史上最全最新微信小程序自动化教程
赞(0)
- 2021-04-11微信小程序精通到入门---02数据渲染和事件和url传参
- 2021-04-11微信小程序open-data使用
- 2021-04-11app架构图，写给Android开发的小程序布局指南，讲的明明白白！
- 2021-04-11小程序自定义tabbr
- 2021-04-112021新版小程序理财wa矿源码 带完整搭建教程
- 2021-04-11校友会小程序开发笔记二十九：小程序启动性能评测与优化（2）
- 2021-04-10小程序数据请求方法
- 2021-04-102021-0410 小程序学习记录-登录功能前后端实现
- 2021-04-10小程序获取用户清晰头像的方法
- 2021-04-10文案微信小程序源码独立版+前端
关注微信小程序
扫描二维码或查找【程序员编程王】
可以随时随地学编程啦！
技术文章导航
更多>
共有 条评论 网友评论