更新时间：2022-12-12 16:40:50贡献者 2收藏订阅更新我的文档设置返回文档简介 观看本节视频讲解 组件（component）是对数据和方法的简单封装。组件可以有自己的属性和方法，属性是组件数据的简单访问者，方法则是组件的一些简单而可见的功能。组件使用说明小程序框架为开发者提供了一系列组件，开发者可以通过组合这些组件进行业务开发。数据绑定通过 mustache 语法两对大括号 {{}} 绑定动态数据，可查看 数据绑定。共有属性所有的组件都包含以下属性：属性类型描述idstring组件的唯一标识。classstring样式类。stylestring内联样式。data-*any自定义属性。当事件触发时，会将自定义属性传递给事件处理函数。on / catcheventhandle事件绑定，遵循驼峰命名规范，例如 ontap 。 详情可查看 事件。属性类型每个组件都有一系列的属性配置，每个属性值都有类型要求。类型描述boolean布尔值。number数字。string字符串。array数组。object对象。eventhandle事件处理函数。需在 page 中定义事件处理函数名对应的实现。any任意类型。组件列表组件包括视图容器、基础内容、表单组件、导航、媒体组件、画布、地图、开放组件以及无障碍访问类型组件，具体组件信息可通过下文列表查询。视图容器名称功能说明view视图容器。swiper滑块视图容器。scroll-view可滚动视图区域。cover-view覆盖在原生组件之上的文本视图。cover-image覆盖在原生组件之上的图片视图，可覆盖的原生组件同 cover-view，支持嵌套在 cover-view 里。match-media用以提供更友好的小程序响应式布局方案。可指定一组 media query 规则，满足匹配时，该节点展示。movable-view可移动的视图容器。movable-areamovable-view 的可移动区域。page-container页面容器，页面内存在该容器时，当用户进行返回操作，关闭该容器不关闭页面。share-element共享元素是一种动画形式，表现为元素像是在页面间穿越一样。root-portalportal容器，使整个子树从页面中脱离出来，类似于在 css 中使用 fixed position 的效果。基础内容名称功能说明text文本。icon图标。progress进度条。rich-text富文本组件。表单组件名称功能说明button按钮。form表单。label用来改进表单组件的可用性。input输入框。textarea多行输入框。radio单选按钮。radio-group单选项目组。checkbox多项选择器。checkbox-group多项选择器组。switch单选开关。slider滑动选择器。picker-view嵌入页面的滚动选择器。picker从底部弹起的滚动选择器。导航名称功能说明navigator页面链接。媒体组件名称功能说明image图片。video视频。lottie动画。camera相机。画布名称功能说明canvas画布。地图名称功能说明map地图组件。map 高级定制渲染地图组件的能力扩展，使小程序地图具备动态定制地图覆盖物渲染布局的能力。开放组件名称功能说明web-view承载 h5 网页的组件。lifestyle关注生活号组件。contact-button智能客服组件。error-view异常视图组件。join-group-chat加入商家群聊。subscribe-message嵌入式订阅组件。无障碍访问名称功能说明aria-component无障碍访问。页面属性配置节点名称功能说明page-meta指定页面的一些属性、监听页面事件。
