1.5.4.6 scroller

概述

scroller是一个竖直的，可以容纳多个排成一列的子组件的滚动器。如果子组件的总高度高于其本身，那么所有的子组件都可滚动。

注意: <scroller> 可以当作根元素或者嵌套元素使用。此组件的滚动方向是列的形式(原文： The scroll direction of this component is column)，不可更改。

子组件

这类组件支持任意类型的weex组件作为其自组件。

属性

show-scrollbar: <boolean> true | false. 这个属性决定滚动条是否现实，默认是true
scroll-direction: <string> 定义子组件的滚动方向, horizontal 或者 vertical。
其他属性请查看公共属性.

样式

共公样式: 查阅公共样式

支持flexbox相关样式
支持box model相关样式
支持position相关样式
支持opacity, background-color等.

事件

公共事件: 查阅公共事件

支持 click 事件。查阅公共事件
支持 appear / disappear 事件。查阅公共事件

示例

<template>
  <scroller>
    <div repeat="{{list}}">
      <text>{{name}}: ${{price}}</text>
    </div>
  </scroller>
</template>

<script>
  module.exports = {
    data: {
      list: [
        {name: '...', price: 100},
        {name: '...', price: 500},
        {name: '...', price: 1.5},
        ...
      ]
    }
  }
</script>

还没有评论.