小程序----小程序组件

小程序组件按照功能特点分为视图容器、基础内容、表单、导航、媒体、地图和画布。

小程序.微信官方网站：https://developers.weixin.qq.com/miniprogram/dev/component/，组件属性见官网。

1.视图容器组件：主要用于规划布局页面内容。

组件名称	说明	应用场景
view	视图容器：内部可以嵌套其他组件 块级元素	类似于html当中的div用法
scroll-view	可滚动视图容器，在使用竖向滚动时需要给标签添加一个固定高度	滚动显示列表条目或轮播图
swiper(+swiper-item)	滑块视图容器	轮播图幻灯片切换等
movable-view	可移动视图容器：让一个视图可以在一个范围内被随意移动。必须放在组件中且是直接子节点	滑动删除、解锁等
cover-view	可覆盖在原生组件上的文本视图容器，可覆盖的原生组件包括map、video、canvas、camera、live-player、live-pusher等。cover-image为可覆盖在原生组件上的图片视图容器，可直接使用或者嵌套在cover-view中	地图上的备注

2.基础内容组件：用于显示图标、文字等常用基础内容。

组件名称	说明	应用场景
icon	图标，负责展示一些特定类型的图标	用户反馈提示
text	文本，行内元素，内部只能嵌套text组件	展示文本的场景一般都适用
rich-text	富文本，该组件由基础库1.4.0开始支持，低版本需要做兼容处理。
progress	进度条

3.表单组件：用于制作表单。

组件名称	说明	应用场景
button	按钮，用于接收用户的点击, 来执行不同的业务逻辑	用户操作
checkbox	复选框
form	表单
input	输入框
picker	从底部弹起的滚动选择器	日期、时间、省市选择等
picker-view	嵌入页面的滚动选择器
radio	单选框
slider	滑动条
switch	开关选择器
textrea	文本框

4.导航组件：用于跳转指定页面。

组件名称	说明	应用场景
navigator	导航，单击跳转页面链接	点击图片或网站跳转页面

5.媒体组件：用于显示图片、音频、视频等多媒体内容。

组件名称	说明	应用场景
audio	音频，用于播放本地或网络音频
image	图片，用于显示本地或网络图片	展示商品、人物、二维码等图片
video	视频，播放本地或网络视频资源
camera	相机，从基础库1.6.0开始支持

6.地图组件：用于显示地图效果。

组件名称	说明	应用场景
map	地图，根据指定的中心经纬度可以使用腾讯地图显示对对应的地段，经纬度查询：腾讯坐标拾取器(http://lbs.qq.com/tool/getpoint/index.html)

7.画布组件：用于绘制图画内容。

组件名称	说明	应用场景
canvas	画布，默认宽300px，高225px