文档中心 > 店铺动态卡片-开发指引

view

更新时间:2023/03/13 访问次数:7592

说明:本文档适用于小部件3.0。

 

一、简介

 

基础视图组件

二、属性

 

属性

类型

描述

class

String

自定义样式名。

style

String

内联样式。

onTap

EventHandle

点击。

onTouchStart

EventHandle

触摸动作开始。

onTouchMove

EventHandle

触摸后移动。

onTouchEnd

EventHandle

触摸动作结束。

onTouchCancel

EventHandle

触摸动作被打断,如来电提醒,弹窗。

onLongTap

EventHandle

长按 500ms 之后触发,触发了长按事件后进行移动将不会触发屏幕的滚动。

onAppear

EventHandle

当前元素可见时触发

onDisappear

EventHandle

当前元素不可见时触发。

animation

Object

用于动画,详见 my.createAnimation

。使用 my.createAnimation 生成的动画是通过过渡(Transition)实现的,只会触发 onTransitionEnd,不会触发 onAnimationStart, onAnimationIteration, onAnimationEnd默认值:{}

disable-scroll

Boolean

是否阻止区域内滚动页面。默认值: false说明: 如果 view 中嵌套 view,外层 view 设置 disable-scroll 为 true 时禁止内部的滚动。

hover-class

String

触摸时添加的样式类。

hover-start-time

Number

按住多久后出现点击状态,单位毫秒。

hover-stay-time

Number

松开后点击状态保留时间,单位毫秒。

hidden

Boolean

是否隐藏。默认值: false

hover-stop-propagation

Boolean

是否阻止当前元素的祖先元素出现点击态。默认值: false

onTransitionEnd

EventHandle

过渡(Transition)结束时触发。

onAnimationIteration

EventHandle

每开启一次新的动画过程时触发。(第一次不触发)

onAnimationStart

EventHandle

动画开始时触发。

onAnimationEnd

EventHandle

动画结束时触发。

onFirstAppear

EventHandle

当前元素首次可见面积达到50%时触发。

role

-

表示组件的语义角色。设置为 img 时,组件聚焦后读屏软件会朗读出 图像 ;设置为 button 时,聚焦后读屏软件会朗读出 按钮 。详情请参见 aria-component

 

三、通用事件类型

 

事件名

事件类型

语义

是否冒泡

可用标签

click

MouseEvent

 

 

tap

 

     

touchstart

TouchEvent

     

touchmove

TouchEvent

     

touchend

TouchEvent

     

swipe

 

快速滑动

   

appear

 

内容在屏幕中显示,是(不在scrollview里不支持)

 

disappear

 

内容离开了屏幕,是(不在scrollview里不支持)

   

 

FAQ

关于此文档暂时还没有FAQ
返回
顶部