基础组件
什么是组件
- •组件是视图层的基本组成单元。
- •一个组件通常包括
开始标签
和 结束标签
,属性
用来修饰这个组件,内容
在两个标签之内。<tagname property="value"> Content goes here ... </tagname>
注意:所有组件与属性都是小写,以连字符 - 连接。
属性类型
类型 | 描述 | 注解 |
Boolean | 布尔值 | 组件写上该属性, 值为 false 则为 false ,否则为 true ;如果属性值为变量,变量的值会被转换为 Boolean 类型。 |
Number | 数字 | 1 , 1.5 。 |
String | 字符串 | "string" |
Array | 数组 | [ 1, "string" ] |
Object | 对象 | { key: value } |
EventHandler | 事件处理函数名 | "handlerName" 是 Page 中定义的事件处理函数名 |
Any | 任意属性 | |
公共属性
参数名 | 类型 | 描述 | 注解 |
id | String | 组件的唯一标示 | 保持整个页面唯一 |
class | String | 组件的样式类 | 在对应的 TTSS 中定义的样式类 |
style | String | 组件的内联样式 | 可以动态设置的内联样式 |
hidden | Boolean | 组件是否显示 | 所有组件默认显示 |
data-* | Any | 自定义属性 | 组件上触发的事件时,会发送给事件处理函数 |
bind* / catch* | EventHandler | 组件的事件 | 参考事件 |
特殊属性
几乎所有组件都有各自定义的属性,可以对该组件的功能或样式进行修饰,请参考各个组件的定义。