view
更新時(shí)間：
視圖容器，相當(dāng)于 Web 的 div 標(biāo)簽或者 React Native 的 View 組件。
| 屬性名 | 類(lèi)型 | 默認(rèn)值 | 描述 | 最低版本 |
|---|---|---|---|---|
| disable-scroll | Boolean | false | 是否阻止區(qū)域內(nèi)滾動(dòng)頁(yè)面 | - |
| hover-class | String | - | 點(diǎn)擊時(shí)添加的樣式類(lèi) | - |
| hover-start-time | Number | - | 按住多久后出現(xiàn)點(diǎn)擊狀態(tài)，單位毫秒 | - |
| hover-stay-time | Number | - | 松開(kāi)后點(diǎn)擊狀態(tài)保留時(shí)間，單位毫秒 | - |
| hidden | boolean | false | 是否隱藏 | - |
| class | String | - | 自定義樣式名 | - |
| style | String | - | 內(nèi)聯(lián)樣式 | - |
| animation | - | - | 用于動(dòng)畫(huà)，詳見(jiàn) my.createAnimation | - |
| hover-stop-propagation | Boolean | false | 是否阻止當(dāng)前元素的祖先元素出現(xiàn)點(diǎn)擊態(tài) | 1.10.0 |
| onTap | EventHandle | - | 點(diǎn)擊 | - |
| onTouchStart | EventHandle | - | 觸摸動(dòng)作開(kāi)始 | - |
| onTouchMove | EventHandle | - | 觸摸后移動(dòng) | - |
| onTouchEnd | EventHandle | - | 觸摸動(dòng)作結(jié)束 | - |
| onTouchCancel | EventHandle | - | 觸摸動(dòng)作被打斷，如來(lái)電提醒、彈窗。 | - |
| onLongTap | EventHandle | - | 長(zhǎng)按 500 ms 之后觸發(fā)，觸發(fā)了長(zhǎng)按事件后進(jìn)行移動(dòng)將不會(huì)觸發(fā)屏幕的滾動(dòng)。 | - |
| onTransitionEnd | EventHandle | - | 過(guò)渡結(jié)束時(shí)觸發(fā) | 1.8.0 |
| onAnimationIteration | EventHandle | - | 每開(kāi)啟一次新的動(dòng)畫(huà)過(guò)程時(shí)觸發(fā)（第一次不觸發(fā)）。 | 1.8.0 |
| onAnimationEnd | EventHandle | - | 動(dòng)畫(huà)結(jié)束時(shí)觸發(fā)。 | 1.8.0 |
| onAppear | EventHandle | - | 當(dāng)前元素可見(jiàn)時(shí)觸發(fā)。 | 1.9.0 |
| onDisappear | EventHandle | - | 當(dāng)前元素從可見(jiàn)變?yōu)椴豢梢?jiàn)時(shí)觸發(fā)。 | 1.9.0 |
| onFirstAppear | EventHandle | - | 當(dāng)前元素首次可見(jiàn)時(shí)觸發(fā)。 | 1.9.4 |
說(shuō)明：使用
my.createAnimation 生成的動(dòng)畫(huà)是通過(guò)過(guò)渡實(shí)現(xiàn)的，只會(huì)觸發(fā) onTransitionEnd；不會(huì)觸發(fā) onAnimationStart、onAnimationIteration、onAnimationEnd。代碼示例
<view class="post"><!-- hidden --><view class="postUser" hidden><view class="postUser__name">Jessie</view></view><!-- hover class --><view class="postBody" hover-class="red"><view class="postBody__content">贊!</view><view class="postBody__date">June 1</view></view></view>
文檔內(nèi)容是否對(duì)您有幫助？