阅读(1.8k) 书签赞(0) 我要纠错

组件

2020-04-28 10:19 更新

Button

属性

名称	类型	描述
id	string	节点 id
className	string	节点样式类
style	React.CssProperties	节点 inline style
disabled	boolean	是否禁用
hoverClassName	string	按住按钮后对应的样式类
hoverStartTime	number	按住后多久出现点击态，单位毫秒
hoverStopPropagation	boolean	是否阻止本节点的祖先节点出现点击态
hoverStayTime	boolean	手指松开后点击态保留时间
formType	'submit' \| 'reset'	用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件
onTap	((event: TapEvent)) => void	点击事件

Form

属性

名称	类型	描述
id	string	节点 id
className	string	节点样式类
style	React.CssProperties	节点 inline style
onSubmit	((event: FormEvent)) => void	提交事件
onReset	((event: FormEvent)) => void	重置表单事件

Image

属性

名称	类型	描述
id	string	节点 id
className	string	节点样式类
style	React.CssProperties	节点 inline style
src	string	图片资源地址
mode	'scaleToFill' \| 'aspectFit' \| 'aspectFill' \| 'widthFix' \| 'top' \| 'bottom' \| 'center' \| 'left' \| 'right' \| 'top left' \| 'top right' \| 'bottom left' \| 'bottom right'	图片裁剪，缩放模式
lazyload	boolean	图片懒加载，在即将进入一定范围（上下三屏）时才开始加载
onLoad	((event: ImageLoadEvent)) => void	当图片加入完毕时触发
onError	((event: ImageErrorEvent)) => void	当错误发生时触发
onTap	((event: TapEvent)) => void	点击事件
onTouchStart	((event: TouchStartEvent)) => void	触碰开始事件
onTouchMove	((event: TouchMoveEvent)) => void	触碰移动事件
onTouchEnd	((event: TouchMoveEvent)) => void	触碰结束事件
onTouchCancel	((event: TouchCancelEvent)) => void	触碰取消事件

Input

属性

名称	类型	描述
id	string	节点 id
className	string	节点样式类
style	React.CssProperties	节点 inline style
defaultValue	string	默认值
value	string	输入框的值
name	string	输入框的名称
type	'text' \| 'number' \| 'idcard' \| 'digit'	输入框类型
password	boolean	是否密码类型
placeholder	string	输入框占位符
placeholderStyle	React.CSSProperties	占位符 inline style
disabled	boolean	是否禁用
maxlength	number	最大输入长度
focus	boolean	是否获取焦点
onInput	((event: InputEvent)) => any	输入回调事件
onConfirm	((event: InputEvent)) => void	键盘确认回调事件
onFocus	((event: InputEvent)) => void	focus 事件
onBlur	((event: InputEvent)) => void	blur 事件

注意：受微信平台限制，在微信里 Input 必须通过 onInput 事件的返回值做受控，详见微信文档。

Label

属性

名称	类型	描述
id	string	节点 id
className	string	节点样式类
style	React.CssProperties	节点 inline style
for	string	绑定控件的 id

Text

名称	类型	描述
id	string	节点 id
className	string	节点样式类
style	React.CssProperties	节点 inline style
selectable	boolean	文本是否可选
decode	boolean	是否解码
onTap	((event: TapEvent)) => void	点击事件

Textarea

属性

名称	类型	描述
id	string	节点 id
className	string	节点样式类
style	React.CssProperties	节点 inline style
defaultValue	string	默认值
value	string	输入框的值
name	string	输入框的名称
placeholder	string	输入框占位符
placeholderStyle	React.CSSProperties	占位符 inline style
disabled	boolean	是否禁用
maxlength	number	最大输入长度
focus	boolean	是否获取焦点
autoHeight	boolean	是否随文本内容增加增高
onInput	((event: InputEvent)) => any	输入回调事件
onConfirm	((event: InputEvent)) => void	键盘确认回调事件
onFocus	((event: InputEvent)) => void	focus 事件
onBlur	((event: InputEvent)) => void	blur 事件

注意：受微信平台限制，Textarea 在微信里无法受控。

View

属性

名称	类型	描述
id	string	节点 id
className	string	节点样式类
style	React.CssProperties	节点 inline style
slot	string	slot 标识
hoverClassName	string	按住按钮后对应的样式类
hoverStartTime	number	按住后多久出现点击态，单位毫秒
hoverStopPropagation	boolean	是否阻止本节点的祖先节点出现点击态
hoverStayTime	boolean	手指松开后点击态保留时间
role	string	aria role
onTap	((event: TapEvent)) => void	点击事件
onLongTap	((event: TapEvent)) => void	长按点击事件
onTouchStart	((event: TouchStartEvent)) => void	触碰开始事件
onTouchMove	((event: TouchMoveEvent)) => void	触碰移动事件
onTouchEnd	((event: TouchMoveEvent)) => void	触碰结束事件
onTouchCancel	((event: TouchCancelEvent)) => void	触碰取消事件
onLongTap	((event: TapEvent)) => void	长按点击事件

WebView

名称	类型	描述
id	string	节点 id
className	string	节点样式类
style	React.CssProperties	节点 inline style
src	string	地址
onMessage	(event: Event) => void	通信回调

以上内容是否对您有帮助：