微信小程序示例 - 视图容器

滑块视图容器 swiper

<swiper>
    <swiper-item>
      <image src="{{item}}"/>
    </swiper-item>
    ...
</swiper>

只可放置组件，其他节点会被自动删除

<scroll-view>
    <view>...</view>
    ...
</scroll-view>

名称	作用
scroll-x、scroll-y	允许横向、纵向滚动
upper-threshold、lower-threshold	距顶部/左边（底部/右边）多少px时，触发 scrolltoupper 事件
scroll-top、scroll-left	设置竖向/横向滚动条位置
scroll-into-view	滚动到指定ID的元素
bindscrolltoupper	事件处理：滚动到顶部/左边
bindscrolltolower	事件处理：滚动到底部/右边
bindscroll	事件处理：滚动

没有固定结构，比较随意，可以包裹其他组件，也可以放到一些组件的内部，类似HTML中的 DIV

<view>...</view>

组件 view 的重要作用是用来布局，其排列方式很灵活，例如：

横向排列
flex-direction:row;

纵向排列
flex-direction:column;

更多排列方式可以参考源码