微信小程序之scroll-view简单使用
2018-03-29 本文已影响371人
石头_起航
很久就打算学习微信小程序了，一直没时间，最近看新闻十大厂商联合发布他们小程序 感觉今年要活所以抓紧过来学习，所以写文章大家一块学习。不喜勿喷。
1、首先我们来看下官方的文档 微信小程序官方文档
看了文档，对于接触过H5的同学来说，可能看着挺简单，但是对于没有接触过H5的同学来说可能有点懵逼，官方文档下面有实例代码 如果你直接把代码CV过去我想应该是不可以的，因为示例代码中引用了一些cs属性所以编译会报错。下面我们看下简单的实现代码
实例代码
scroll-y="true" 这个官方文档有说明 是让空间竖这滑动的属性 写法有这几种 scroll-y scroll-y="true" 或者不写这个属性也是可以的实现竖这滑动的。 文档中说需要声明 height 这个空间的高度 我测试了一下这个高度不声明 也是可以实现滑动的。
如果你想 横着滑动 那么你需要声明scroll-x="true" 这个属性 否则默认为纵向滑动
scroll-view 里面包含的view 就是一条一条的数据 style 是一些的属性 background 是背、背景颜色 width 是空间宽度 height 是高度 这个和HTML里面的cs属性一样
第一次写这东西 不喜勿喷
