选择应用类型
第三方企业应用开发
学习地图
动态与公告
应用开发平台简介(新版)
应用开发平台简介
开发应用(新版)
开发应用
开发小程序
开发流程概述
创建小程序
配置小程序
开发小程序服务端
开发小程序前端
部署小程序
上传和发布小程序
监控小程序
自检小程序
创建服务群
小程序开发参考
框架
基础组件
视图容器
view 视图容器
swiper 滑块视图容器
scroll-view 可滚动视图区域
movable-view 可移动视图容器
movable-area 可移动视图区域
基础内容
表单
导航
媒体
地图
画布
web-view
open-avatar 头像组件
小程序运行/更新机制
小程序使用H5微应用客户端API
客户端API总览
开发H5微应用
开发酷应用
服务端API
客户端API
AppLink协议
事件订阅
常见问题
运营规范
历史文档

view 视图容器

更新于 2023-09-25本文介绍视图容器组件的使用。视图容器相当于 web 的 div 或者 react-native 的 View。

说明

对于明确指定了框架最低版本的属性,请通过 dd.canIUse 进行兼容性判断。

示例:dd.canIUse('view.onTransitionEnd')。

在线体验

属性

属性

类型

描述

disable-scroll

Boolean

是否阻止区域内滚动页面。

默认值:false。

hover-class

String

点击时添加的样式类。

hover-start-time

Number

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

hover-stay-time

Number

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

hidden

boolean

是否隐藏。

默认值:false。

class

String

自定义样式名。

style

String

内联样式。

animation

Object

用于动画,详情请参考创建动画实例

onTap

EventHandle

点击。

onTouchStart

EventHandle

触摸动作开始。

onTouchMove

EventHandle

触摸后移动。

onTouchEnd

EventHandle

触摸动作结束。

onTouchCancel

EventHandle

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

onLongTap

EventHandle

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

onTransitionEnd

EventHandle

过渡(Transition)结束时触发。

版本:1.21.2及以上。

onAnimationIteration

EventHandle

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

版本:1.21.2及以上。

onAnimationStart

EventHandle

动画开始时触发。

版本:1.21.2及以上。

onAnimationEnd

EventHandle

动画结束时触发。

版本:1.21.2及以上。

onAppear

EventHandle

当前元素可见面积超过50%时触发。

版本:1.21.2及以上。

onDisappear

EventHandle

当前元素不可见面积超过50%时触发。

版本:1.21.2及以上。

onFirstAppear

EventHandle

当前元素不可见面积超过50%时触发。

版本:1.21.2及以上。

示例代码

Loading...

兼容性

对于明确指定了框架最低版本的属性,请通过 dd.canIUse 进行兼容性判断。

这篇文档是否有帮助?
点击纠错