View
- 示例代码

View

视图容器。相当于 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			用于动画，详见 my.createAnimation
hover-stop-propagation	Boolean	false	是否阻止当前元素的祖先元素出现点击态	1.10.0
onTap	EventHandle		点击
onTouchStart	EventHandle		触摸动作开始
onTouchMove	EventHandle		触摸后移动
onTouchEnd	EventHandle		触摸动作结束
onTouchCancel	EventHandle		触摸动作被打断，如来电提醒，弹窗
onLongTap	EventHandle		长按 500ms 之后触发，触发了长按事件后进行移动将不会触发屏幕的滚动
onTransitionEnd	EventHandle		过渡结束时触发	1.8.0
onAnimationIteration	EventHandle		每开启一次新的动画过程时触发。（第一次不触发）	1.8.0
onAnimationEnd	EventHandle		动画结束时触发	1.8.0
onAppear	EventHandle		当前元素可见时触发。	1.9.0
onDisappear	EventHandle		当前元素从可见变为不可见时触发。	1.9.0
onFirstAppear	EventHandle		当前元素首次可见时触发。	1.9.4

注意：使用 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>

原文: https://docs.alipay.com/mini/component/view