閱讀(2.1k) 書簽贊(0) 我要糾錯

組件

2020-04-28 10:19 更新

Button

屬性

名稱	類型	描述
id	string	節(jié)點 id
className	string	節(jié)點樣式類
style	React.CssProperties	節(jié)點 inline style
disabled	boolean	是否禁用
hoverClassName	string	按住按鈕后對應(yīng)的樣式類
hoverStartTime	number	按住后多久出現(xiàn)點擊態(tài)，單位毫秒
hoverStopPropagation	boolean	是否阻止本節(jié)點的祖先節(jié)點出現(xiàn)點擊態(tài)
hoverStayTime	boolean	手指松開后點擊態(tài)保留時間
formType	'submit' \| 'reset'	用于 form 組件，點擊分別會觸發(fā) form 組件的 submit/reset 事件
onTap	((event: TapEvent)) => void	點擊事件

Form

屬性

名稱	類型	描述
id	string	節(jié)點 id
className	string	節(jié)點樣式類
style	React.CssProperties	節(jié)點 inline style
onSubmit	((event: FormEvent)) => void	提交事件
onReset	((event: FormEvent)) => void	重置表單事件

Image

屬性

名稱	類型	描述
id	string	節(jié)點 id
className	string	節(jié)點樣式類
style	React.CssProperties	節(jié)點 inline style
src	string	圖片資源地址
mode	'scaleToFill' \| 'aspectFit' \| 'aspectFill' \| 'widthFix' \| 'top' \| 'bottom' \| 'center' \| 'left' \| 'right' \| 'top left' \| 'top right' \| 'bottom left' \| 'bottom right'	圖片裁剪，縮放模式
lazyload	boolean	圖片懶加載，在即將進(jìn)入一定范圍（上下三屏）時才開始加載
onLoad	((event: ImageLoadEvent)) => void	當(dāng)圖片加入完畢時觸發(fā)
onError	((event: ImageErrorEvent)) => void	當(dāng)錯誤發(fā)生時觸發(fā)
onTap	((event: TapEvent)) => void	點擊事件
onTouchStart	((event: TouchStartEvent)) => void	觸碰開始事件
onTouchMove	((event: TouchMoveEvent)) => void	觸碰移動事件
onTouchEnd	((event: TouchMoveEvent)) => void	觸碰結(jié)束事件
onTouchCancel	((event: TouchCancelEvent)) => void	觸碰取消事件

Input

屬性

名稱	類型	描述
id	string	節(jié)點 id
className	string	節(jié)點樣式類
style	React.CssProperties	節(jié)點 inline style
defaultValue	string	默認(rèn)值
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	輸入回調(diào)事件
onConfirm	((event: InputEvent)) => void	鍵盤確認(rèn)回調(diào)事件
onFocus	((event: InputEvent)) => void	focus 事件
onBlur	((event: InputEvent)) => void	blur 事件

注意：受微信平臺限制，在微信里 Input 必須通過 onInput 事件的返回值做受控，詳見微信文檔。

Label

屬性

名稱	類型	描述
id	string	節(jié)點 id
className	string	節(jié)點樣式類
style	React.CssProperties	節(jié)點 inline style
for	string	綁定控件的 id

Text

名稱	類型	描述
id	string	節(jié)點 id
className	string	節(jié)點樣式類
style	React.CssProperties	節(jié)點 inline style
selectable	boolean	文本是否可選
decode	boolean	是否解碼
onTap	((event: TapEvent)) => void	點擊事件

Textarea

屬性

名稱	類型	描述
id	string	節(jié)點 id
className	string	節(jié)點樣式類
style	React.CssProperties	節(jié)點 inline style
defaultValue	string	默認(rèn)值
value	string	輸入框的值
name	string	輸入框的名稱
placeholder	string	輸入框占位符
placeholderStyle	React.CSSProperties	占位符 inline style
disabled	boolean	是否禁用
maxlength	number	最大輸入長度
focus	boolean	是否獲取焦點
autoHeight	boolean	是否隨文本內(nèi)容增加增高
onInput	((event: InputEvent)) => any	輸入回調(diào)事件
onConfirm	((event: InputEvent)) => void	鍵盤確認(rèn)回調(diào)事件
onFocus	((event: InputEvent)) => void	focus 事件
onBlur	((event: InputEvent)) => void	blur 事件

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

View

屬性

名稱	類型	描述
id	string	節(jié)點 id
className	string	節(jié)點樣式類
style	React.CssProperties	節(jié)點 inline style
slot	string	slot 標(biāo)識
hoverClassName	string	按住按鈕后對應(yīng)的樣式類
hoverStartTime	number	按住后多久出現(xiàn)點擊態(tài)，單位毫秒
hoverStopPropagation	boolean	是否阻止本節(jié)點的祖先節(jié)點出現(xiàn)點擊態(tài)
hoverStayTime	boolean	手指松開后點擊態(tài)保留時間
role	string	aria role
onTap	((event: TapEvent)) => void	點擊事件
onLongTap	((event: TapEvent)) => void	長按點擊事件
onTouchStart	((event: TouchStartEvent)) => void	觸碰開始事件
onTouchMove	((event: TouchMoveEvent)) => void	觸碰移動事件
onTouchEnd	((event: TouchMoveEvent)) => void	觸碰結(jié)束事件
onTouchCancel	((event: TouchCancelEvent)) => void	觸碰取消事件
onLongTap	((event: TapEvent)) => void	長按點擊事件

WebView

名稱	類型	描述
id	string	節(jié)點 id
className	string	節(jié)點樣式類
style	React.CssProperties	節(jié)點 inline style
src	string	地址
onMessage	(event: Event) => void	通信回調(diào)

以上內(nèi)容是否對您有幫助：

寫筆記

我要補(bǔ)充