视图容器 - view - 《Development Guide》

视图容器，相当于 Web 的 div 标签或者 React Native 的 View 组件。

属性名	类型	默认值	描述
disable-scroll	Boolean	false	是否阻止区域内滚动页面
hover-class	String	-	点击时添加的样式类
hover-start-time	Number	-	按住多久后出现点击状态，单位毫秒
hover-stay-time	Number	-	松开后点击状态保留时间，单位毫秒
hidden	boolean	false	是否隐藏
class	String	-	自定义样式名
style	String	-	内联样式
animation	-	-	用于动画
hover-stop-propagation	Boolean	false	是否阻止当前元素的祖先元素出现点击态
onTap	EventHandle	-	点击
onTouchStart	EventHandle	-	触摸动作开始
onTouchMove	EventHandle	-	触摸后移动
onTouchEnd	EventHandle	-	触摸动作结束
onTouchCancel	EventHandle	-	触摸动作被打断，如来电提醒、弹窗。
onLongTap	EventHandle	-	长按 500 ms 之后触发，触发了长按事件后进行移动将不会触发屏幕的滚动。
onTransitionEnd	EventHandle	-	过渡结束时触发
onAnimationIteration	EventHandle	-	每开启一次新的动画过程时触发。（第一次不触发）
onAnimationEnd	EventHandle	-	动画结束时触发。
onAppear	EventHandle	-	当前元素可见时触发。
onDisappear	EventHandle	-	当前元素从可见变为不可见时触发。
onFirstAppear	EventHandle	-	当前元素首次可见时触发。

说明：使用my.createAnimation生成的动画是通过过渡实现的，只会触发onTransitionEnd；不会触发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>