热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

微信小程序开发之滑块视图容器

微信小程序开发之滑块视图容器(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有以下一些常用属性:

仅可放置在组件中,宽高自动设置为100%。

就是这样,自己动手试试。

以上就是微信小程序开发之滑块视图容器的详细内容,更多请关注其它相关文章!


推荐阅读
author-avatar
菜蔸蔸
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有