微信小程序写一个轮播图

微信小程序写轮播图,在微信开发者文档中,已经给了我们组件容器<swiper>,我们把需要轮播的东西放到<swiper>下的<swiper-item>中。

附上微信开发者文档的网址:https://developers.weixin.qq.com/miniprogram/dev/api/

下面废话不多说,上代码!!!

<view class="lunbo">
<swiper class="swip" indicator-dots="true" autoplay="true" interval="4000" circular="false">
<swiper-item><image src="https://ledc-1251087221.file.myqcloud.com/upload/2017/04/20/20170420052458113.jpg"></image></swiper-item>
<swiper-item><image src="https://ledc-1251087221.file.myqcloud.com/upload/2017/04/20/20170420052458207.jpg"></image></swiper-item>
<swiper-item><image src="https://ledc-1251087221.file.myqcloud.com/upload/2017/04/20/20170420052458725.jpg"></image></swiper-item>

</swiper>
</view>

效果如下:

在这里插入图片描述

注意:(1)interval------是自动切换间隔. (2)circular------是否采用衔接播放,我们一般都是否,否者它会播放到最后一个时突然返回到第一个,出现视觉不美观。(3)vertical------是轮播是否纵向播放,一般默认的是水平左右播放。

别的不一一列举了,不懂得看上方网址!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值