属性

模版属性

模版包含以下属性:

layout

模版的布局描述,类型为元素

controller

模版关联的 Controller 类名

state

模版的初始状态

data

值为字典,用于对数据做一些处理或适配,这里的计算结果会追加到数据

styles

样式表,定义一些可以被重复使用的样式,在元素中通过 class 属性引用

identifier

给模版指定一个 id

async-display

是否启用异步渲染

元素属性

所有元素都支持如下的属性(自定义元素不能使用样式属性)

type

元素类型,除预置的基本类型外,也可注册自定义组件,见[`自定义组件`](/components/CustomNode.md)。

gone

true 时,元素不显示,且不加入布局。

repeat

模版衍生机制。repeat 为元素重复的次数或重复的数组。注意:根节点元素使用 repeat 无效!
详细说明

vars

定义变量(宏),详见这里

class

引用在 styles 中定义的样式。可以引用多个样式,用空格分开,靠后的样式覆盖前面的样式。

style

元素的样式布局属性

children

容器的子元素。目前支持的容器有 [`stack`](/components/stack.md), [`scroll`](/components/scroll.md), [`paging`](/components/paging.md)

事件

所有元素(自定义元素除外)都支持如下的事件,事件的使用见事件处理

on-tap

元素被点击时触发

on-display

元素显示时触发。在列表中滑出可见区域再滑回来会重新触发

on-create

元素被创建时触发,此时还没显示

repeat属性

值为数字时,表示要重复的次数,自动增加 _index_ 变量表示当前重复项索引

值为数组时,表示要重复的数据,自动增加 _item__idnex_ 表示当前重复项的数据和索引

示例
1. 单层循环
a
b
c
d
e
2. 多层循环

results matching ""

    No results matching ""