微信小程序之swiper轮播图
来源:互联网 发布:知乎朝鲜核中国 编辑:程序博客网 时间:2024/06/06 01:35
使用微信小程序内置组件swiper实现轮播图
<swiper style="height:400rpx" indicator-dots=true autoplay=true interval=2000 duration=500 circular=true > <block wx:for="{{imgUrls}}"> <swiper-item> <image src="{{item}}" class="slide-image" style="width:740rpx;height:400rpx"/> </swiper-item> </block></swiper>
data = { imgUrls:[ '../assets/img/tab/1.jpg', '../assets/img/tab/2.jpg', '../assets/img/tab/3.jpg', '../assets/img/tab/4.jpg', '../assets/img/tab/5.jpg' ]}
效果图
swiper参数
阅读全文
0 0
- 微信小程序之swiper轮播图
- 微信小程序之swiper轮播图
- 微信小程序入门之swiper
- 微信小程序----组件之swiper
- 微信小程序之swiper无缝轮播
- 微信小程序之顶部选项卡(swiper)
- 微信小程序 轮播图 swiper图片组件
- 微信小程序(轮播图 swiper组件)
- 微信小程序 swiper 应用
- 微信小程序基础之试图控件View、ScrollView、Swiper
- 微信小程序学习(三)之swiper组件
- (四)微信小程序之实现轮番效果(swiper)
- 微信小程序之滑块视图容器(swiper)
- 微信小程序之顶部普通选项卡(非swiper)
- 微信小程序之swiper制作tab切换效果
- 微信小程序中的swiper组件
- 微信小程序swiper滑动页面
- 微信小程序 自定义 swiper 样式
- Rxjava2
- VxWorks_使用ftp服务
- 线段树--codeforces242E XOR on Segment
- Python之join函数
- 从今天开始阅读Java源码吧!
- 微信小程序之swiper轮播图
- Eclipse设置server Locations及getServletContext().getRealPath获取到的工程目录路径
- lvs集群服务的DR模式和NAT模式详解及实验
- MVP+Retrofit+ReJava+Xrecyclerview请求展示数据
- 2017.11.5
- Java并发之Semaphore详解
- mysql的索引
- 安装Android Studio 时遇到 Buileing "xxx" Gradle project info 的解决方法
- 文件上传基本操作