开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
开发 > 组件 > 视图容器 > view 视图容器
收藏
订阅更新
我的文档
设置
简介
view 视图容器 组件实现了在小程序界面内插入一个可以容纳其他任何元素的视图块,类似于 html 语言的
元素 。
使用限制
view 组件可通过固定宽度或者高度,使用 overflow-x 或者 overflow-y 设置为 scroll 属性进行滚动,也可通过 scroll-view 制作滚动视图。
view 组件不支持覆盖 map 组件,可通过同层渲染实现 cover-view 覆盖 map 组件。
使用
在线示例

属性说明
属性
类型
描述
disable-scroll
boolean
是否阻止区域内滚动页面。 默认值: false 说明: 如果 view 中嵌套 view,外层 view 设置 disable-scroll
为 true 时禁止内部的滚动。
hover-class
string
触摸时添加的样式类。
hover-start-time
number
按住多久后出现点击状态,单位毫秒。
hover-stay-time
number
松开后点击状态保留时间,单位毫秒。
hidden
boolean
是否隐藏。 默认值: false
class
string
自定义样式名。
style
string
内联样式。
animation
object
用于动画,详见 my.createanimation
。使用 my.createanimation
生成的动画是通过过渡(transition)实现的,只会触发 ontransitionend
,不会触发 onanimationstart
, onanimationiteration
, onanimationend
默认值:{}
hover-stop-propagation
boolean
是否阻止当前元素的祖先元素出现点击态。 默认值: false 版本要求: 基础库 1.10.0
及以上
ontap
eventhandle
点击。
ontouchstart
eventhandle
触摸动作开始。
ontouchmove
eventhandle
触摸后移动。
ontouchend
eventhandle
触摸动作结束。
ontouchcancel
eventhandle
触摸动作被打断,如来电提醒,弹窗。
onlongtap
eventhandle
长按 500ms 之后触发,触发了长按事件后进行移动将不会触发屏幕的滚动。
ontransitionend
eventhandle
过渡(transition)结束时触发。 版本要求: 基础库 1.8.0
及以上
onanimationiteration
eventhandle
每开启一次新的动画过程时触发。(第一次不触发) 版本要求:基础库 1.8.0
及以上
onanimationstart
eventhandle
动画开始时触发。 版本要求: 基础库 1.8.0
及以上
onanimationend
eventhandle
动画结束时触发。 版本要求: 基础库 1.8.0
及以上
onappear
eventhandle
当前元素可见面积超过50%时触发。 版本要求: 基础库 1.9.0
及以上
ondisappear
eventhandle
当前元素不可见面积超过50%时触发。 版本要求: 基础库 1.9.0
及以上
onfirstappear
eventhandle
当前元素首次可见面积达到50%时触发。 版本要求: 基础库 1.9.4
及以上
role
-
表示组件的语义角色。设置为 img 时,组件聚焦后读屏软件会朗读出 图像 ;设置为 button 时,聚焦后读屏软件会朗读出 按钮 。详情请参见 aria-component

常见问题
如何改变 view 的展示顺序?
将这两个模块嵌入到一个循环里面,每一个循环的小模块加一个类型值进行标识。
页面滚动时在不同屏幕滚动到的位置不同,如何解决?
可使用 my.pagescrollto 的 selector 选择,给需要滚动的元素定义一个 id 或者 class,打开页面后会自动滚动到该元素位置。
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图