小程序(三) ---- 组件
框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。
一.组件定义
- 组件是视图层的基本组成单元。
- 组件自带一些功能与微信风格的样式。
-
一个组件通常包括
开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。<tagname property="value"> Content goes here ... </tagname>注意：所有组件与属性都是小写，以连字符
-连接
二.组件类别
基础组件分为以下七大类：
1.视图容器(View Container)：
| 组件名 | 说明 |
|---|---|
| view | 视图容器 |
| scroll-view | 可滚动视图容器 |
| swiper | 滑块视图容器 |
基础内容(Basic Content)：
| 组件名 | 说明 |
|---|---|
| icon | 图标 |
| text | 文字 |
| progress | 进度条 |
表单(Form)：
| 标签名 | 说明 |
|---|---|
| button | 按钮 |
| form | 表单 |
| input | 输入框 |
| checkbox | 多项选择器 |
| radio | 单项选择器 |
| picker | 列表选择器 |
| picker-view | 内嵌列表选择器 |
| slider | 滚动选择器 |
| switch | 开关选择器 |
| label | 标签 |
导航(Navigation)：
| 组件名 | 说明 |
|---|---|
| navigator | 应用链接 |
多媒体(Media)：
| 组件名 | 说明 |
|---|---|
| audio | 音频 |
| image | 图片 |
| video | 视频 |
地图(Map)：
| 组件名 | 说明 |
|---|---|
| map | 地图 |
画布(Canvas)：
| 组件名 | 说明 |
|---|---|
| canvas | 画布 |
组件列表
基础组件分为以下七大类：
视图容器(View Container)：
| 组件名 | 说明 |
|---|---|
| view | 视图容器 |
| scroll-view | 可滚动视图容器 |
| swiper | 滑块视图容器 |
基础内容(Basic Content)：
| 组件名 | 说明 |
|---|---|
| icon | 图标 |
| text | 文字 |
| progress | 进度条 |
表单(Form)：
| 标签名 | 说明 |
|---|---|
| button | 按钮 |
| form | 表单 |
| input | 输入框 |
| checkbox | 多项选择器 |
| radio | 单项选择器 |
| picker | 列表选择器 |
| picker-view | 内嵌列表选择器 |
| slider | 滚动选择器 |
| switch | 开关选择器 |
| label | 标签 |
导航(Navigation)：
| 组件名 | 说明 |
|---|---|
| navigator | 应用链接 |
多媒体(Media)：
| 组件名 | 说明 |
|---|---|
| audio | 音频 |
| image | 图片 |
| video | 视频 |
地图(Map)：
| 组件名 | 说明 |
|---|---|
| map | 地图 |
画布(Canvas)：
| 组件名 | 说明 |
|---|---|
| canvas | 画布 |
根据上面的内容，自己写了所有组件的小demo，放在github上面，地址是：
https://github.com/cutemantou/miniProgram-subgroup
