閱讀(2.2k) 書(shū)簽贊(0) 我要糾錯(cuò)

組件

2020-04-28 10:19 更新

Button

屬性

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

Form

屬性

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

Image

屬性

名稱(chēng)	類(lèi)型	描述
id	string	節(jié)點(diǎn) id
className	string	節(jié)點(diǎn)樣式類(lèi)
style	React.CssProperties	節(jié)點(diǎn) 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)入一定范圍（上下三屏）時(shí)才開(kāi)始加載
onLoad	((event: ImageLoadEvent)) => void	當(dāng)圖片加入完畢時(shí)觸發(fā)
onError	((event: ImageErrorEvent)) => void	當(dāng)錯(cuò)誤發(fā)生時(shí)觸發(fā)
onTap	((event: TapEvent)) => void	點(diǎn)擊事件
onTouchStart	((event: TouchStartEvent)) => void	觸碰開(kāi)始事件
onTouchMove	((event: TouchMoveEvent)) => void	觸碰移動(dòng)事件
onTouchEnd	((event: TouchMoveEvent)) => void	觸碰結(jié)束事件
onTouchCancel	((event: TouchCancelEvent)) => void	觸碰取消事件

Input

屬性

名稱(chēng)	類(lèi)型	描述
id	string	節(jié)點(diǎn) id
className	string	節(jié)點(diǎn)樣式類(lèi)
style	React.CssProperties	節(jié)點(diǎn) inline style
defaultValue	string	默認(rèn)值
value	string	輸入框的值
name	string	輸入框的名稱(chēng)
type	'text' \| 'number' \| 'idcard' \| 'digit'	輸入框類(lèi)型
password	boolean	是否密碼類(lèi)型
placeholder	string	輸入框占位符
placeholderStyle	React.CSSProperties	占位符 inline style
disabled	boolean	是否禁用
maxlength	number	最大輸入長(zhǎng)度
focus	boolean	是否獲取焦點(diǎn)
onInput	((event: InputEvent)) => any	輸入回調(diào)事件
onConfirm	((event: InputEvent)) => void	鍵盤(pán)確認(rèn)回調(diào)事件
onFocus	((event: InputEvent)) => void	focus 事件
onBlur	((event: InputEvent)) => void	blur 事件

注意：受微信平臺(tái)限制，在微信里 Input 必須通過(guò) onInput 事件的返回值做受控，詳見(jiàn)微信文檔。

Label

屬性

名稱(chēng)	類(lèi)型	描述
id	string	節(jié)點(diǎn) id
className	string	節(jié)點(diǎn)樣式類(lèi)
style	React.CssProperties	節(jié)點(diǎn) inline style
for	string	綁定控件的 id

Text

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

Textarea

屬性

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

注意：受微信平臺(tái)限制，Textarea 在微信里無(wú)法受控。

View

屬性

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

WebView

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

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

寫(xiě)筆記

我要補(bǔ)充

<ul id="ynmal"><tt id="ynmal"></tt></ul>