微信小程序 开发之滑块视图容器详解
实现效果图：
实现起来特别简单，看看代码是怎么写的呢：
<swiper class="swiper" indicator-dots="pw_indcatorDots" autoplay="pw_autoPlay" interval="pw_interval" duration="pw_duration"> <block wx:for="pw_imgUrls" wx:for-index="index"> <swiper-item> <image src="pw_item" class="side-img"></image> </swiper-item> </block> </swiper>
这就是布局了，看一下js里面代码：
Page({
data: {
imgUrls: [
'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',
'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg',
'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'],
indcatorDots: true,
autoPlay: true,
interval: 5000,
duration: 500
},，swiper有以下一些常用属性：
标记的两个属性暂时不管。
Developr响应式HTML5后台管理模板基于HTML5+CSS3+jQuery制作，界面很漂亮，自动适应屏幕分辨率大小，兼容PC端和手机移动端，附带模板开发技术文档。全套模板，包含仪表盘、用户登录、用户注册、信息、议程、表格、文件浏览器、滑块与进度、表单元素、日历、活版印刷、标签、颜色与背景、图标、文件及画廊、按钮、文本编辑器、表单布局、404错误页等共36个后台模板页面。
130
注意：其中只可放置组件，否则会导致未定义的行为。
swiper-item
仅可放置在组件中，宽高自动设置为100%。
就是这样，自己动手试试。
以上就是微信小程序开发之滑块视图容器的详细内容，更多请关注php中文网其它相关文章！
微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
527
收藏
