智能小程序组件汇总(全)

小程序官方 Demo

Demo下载地址

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

智能小程序组件汇总(全)_第1张图片

组件列表

视图容器

名称 功能说明
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 小程序中的部分组件是基于异层渲染的,由客户端创建的原生组件

你可能感兴趣的:(小程序,iot,云计算,组件,sass,paas,App)