微信小程序轮播组件
2023-09-11 14:16:52 时间
在index.wxml中添加以下代码
<view>
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
<block wx:for="{{imgUrl}}" wx:key="index">
<swiper-item>
<image src="{{item.url}}" class="slide-image" />
</swiper-item>
</block>
</swiper>
</view>
在index.js中添加以下代码
Page({
data: {
imgUrl: [
{ url: "/images.png" },
{ url: "/images.png" },
{ url: "/images.png" },
],
indicatorDots: false,
autoplay: false,
interval: 5000,
duration: 1000
},
})
若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。
请点赞!因为你们的赞同/鼓励是我写作的最大动力!
欢迎关注达叔小生的简书!
这是一个有质量,有态度的博客
若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。
请点赞!因为你们的赞同/鼓励是我写作的最大动力!
欢迎关注达叔小生的简书!
这是一个有质量,有态度的博客
相关文章
- 微信小程序_(组件)icon、text、rich-text、progress四大基础组件
- 微信小程序_(组件)view视图容器
- 当 K8s 集群达到万级规模,阿里巴巴如何解决系统各组件性能问题?
- 微信小程序----switch组件实现
- 微信小程序----radio组件
- 微信小程序----progress组件
- 微信小程序----switch组件(开关选择器)
- elementui 分页el-pagination遇到的所有坑(current失效、分页组件不显示、视图不改变等)
- Taro React组件开发(2) —— RuiEditor 富文本编辑器【兼容H5和微信小程序】
- 微信小程序----开发rui-dtpicker多粒度日期组件