智能小程序组件汇总（全）

小程序官方 Demo

Demo下载地址

使用智能生活 App 扫码进行体验

组件列表

视图容器

名称	功能说明
view	视图容器
scroll-view	可滚动视图区域
swiper	滑块视图容器
swiper-item	仅可放置在 swiper 组件中，宽高自动设置为 100%
movable-area	movable-view 的可移动区域
movable-view	可移动的视图容器，在页面中可以拖拽滑动
page-container	页面容器
cover-view	覆盖在原生组件之上的文本视图

 

基础内容

名称	功能说明
text	文本
icon	图标
progress	进度条
rich-text	富文本

 

表单组件

名称	功能说明
button	按钮
checkbox	多选项目
checkbox-group	多项选择器，内部由多个 checkbox 组成
form	表单
input	输入框
label	用来改进表单组件的可用性
picker	从底部弹起的滚动选择器
picker-view	嵌入页面的滚动选择器
picker-view-column	滚动选择器子项
radio	单选项目
radio-group	单项选择器，内部由多个 radio 组成
slider	滑动选择器
switch	开关选择器
textarea	多行输入框

 

导航

名称	功能说明
navigator	页面链接

 

媒体组件

名称	功能说明
camera	相机
image	图片
ipc-player	实时视频播放
video	视频
native-video	原生视频

 

地图

名称	功能说明
map	地图

 

画布

名称	功能说明
canvas	画布

 

开放能力

名称	功能说明
web-view	承载网页的容器，会自动铺满整个小程序页面

   

原生组件说明

名称	功能说明
native-component	小程序中的部分组件是基于异层渲染的，由客户端创建的原生组件