小程序使用vant weapp实现轮播图
原创小程序使用vant weapp实现轮播图
原创
用户6493868
发布于 2022-03-07 19:03:16
发布于 2022-03-07 19:03:16
实现步骤
首先我们需要在小程序中安装vant weapp组件
vant weapp是转为小程序设计的vant组件，地址链接已经贴出来了
小程序引入组件
npm i vant-weapp -S --production在需要使用的页面page.json文件中引入组件
页面wxml使用
<swiper
class="home-swiper"
indicator-dots="true"
autoplay="true"
interval="5000"
duration="1000"
indicator-color="#bfbfbf"
indicator-active-color="#00ACED"
>
<block wx:for="{{bannerList}}">
<swiper-item>
<image src="{{item.imgurl}}" style="width: 100%;height: 100%;border-radius: 10px;"></image>
</swiper-item>
</block>
</swiper>原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读