小程序开发之基础组件

基础组件

框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。详细介绍请参考组件文档。

什么是组件：

• 组件是视图层的基本组成单元。
• 组件自带一些功能与微信风格一致的样式。
• 一个组件通常包括 开始标签 和 结束标签，属性 用来修饰这个组件，内容 在两个标签之内。
  注意：所有组件与属性都是小写，以连字符-连接

公共属性

所有组件都有以下属性：

特殊属性

几乎所有组件都有各自定义的属性，可以对该组件的功能或样式进行修饰，请参考各个组件的定义。

下面介绍各个组件：

视图容器

组件	组件用途
view	视图容器。
scroll-view	可滚动视图区域。
swiper	滑块视图容器。
movable-view	可移动的视图容器，在页面中可以拖拽滑动
cover-view	覆盖在原生组件之上的文本视图
cover-image	覆盖在原生组件之上的图片视图

基础内容

组件	组件用途
icon	图标。
text	文本。
rich-text	富文本。
progress	进度条。

表单组件

组件	组件用途
button	按钮。
checkbox-group	多项选择器
form	表单
input	输入框。
label	用来改进表单组件的可用性
picker	从底部弹起的滚动选择器，现支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。
picker-view	嵌入页面的滚动选择器
radio-group	单项选择器
slider	滑动选择器。
switch	开关选择器。
textarea	多行输入框。

导航

组件	组件用途
navigator	页面链接。
functional-page-navigator	仅在插件中有效，用于跳转到插件功能页。
audio	音频。
image	图片。
video	视频。
camera	系统相机。
live-player	实时音视频播放。
live-pusher	实时音视频录制。

地图

组件	组件用途
map	地图。

画布

组件	组件用途
canvas	画布

开放能力

组件	组件用途
open-data	用于展示微信开放的数据。
web-view	承载网页的容器
ad	广告。目前暂时以邀请制开放申请，请留意后续模板消息的通知
official-account	用户扫码打开小程序时，开发者可在小程序内配置公众号关注组件，方便用户快捷关注公众号，可嵌套在原生组件内。

接下来的文章我会一一介绍