一:滑块视图容器(swiper)看图:
这里写图片描述
这就是布局了,看一下js里面代码:
,swiper有以下一些常用属性: 这里写图片描述 标记的两个属性暂时不管。 注意:其中只可放置组件,否则会导致未定义的行为。 swiper-item 仅可放置在组件中,宽高自动设置为100%。 就是这样,自己动手试试。 二:滚动选择器(时间日期选择器)微信小程序自己封装了很多控件,用起来确实很方便,如果这是Android里面,还需要自己去定义,不废话,效果图: 一起来看看怎么实现的呢?看完你应该就该说,尼玛,这就行啦…. 这个效果呢,要用到picker组件,动画从底部弹起的滚动选择器,现支持三种选择器,通过mode来区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器。 看下相应的属性: 具体的来看看代码,布局:
css样式:
js代码:
代码很简单,分别绑定事件,点击切换就Ok。 |
微信小程序入门:滑块视图容器(swiper),滚动选择器(时间日期选择器) ...
发布:2018-02-02 11:10浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序开发工具 常用快捷键2018-06-09
- 微信小程序架构分析《一》调试技巧,模块构成,理念分析2018-02-07
- 微信小程序架构分析《二》:view 模块和 service 模块的构成2018-02-07
- 微信小程序架构分析《三》:实现过程以及实时更新2018-02-07
- 梁兴臣:微信小程序开发三宗罪和解决方案2018-02-07
- 微信小程序使用Promise实践2018-02-07
- 微信小程序开发系列分析《一》视图层2018-02-07
- 微信小程序开发系列分析《二》数据层2018-02-07
- 微信小程序官方文档个人分析心得2018-02-07
- 微信小程序的原型设计尝鲜2018-02-07