微信小程序为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。
组件的定义：
1.组件是视图层的基本组成单元。
2.组件自带一些功能与微信风格的样式。
3.一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。
基础组件分为以下八大类：
视图容器(View Container)：
| 组件名 |
说明 |
| view |
视图容器(可当做div) |
| scroll-view |
可滚动视图容器 |
| swiper |
可滑动的视图容器(可当做轮播图) |
基础内容(Basic Content)：
| 组件名 |
说明 |
| cover-view |
覆盖在原生组件之上的文本视图，可覆盖的原生组件包括map、video、canvas、camera等等，只支持嵌套cover-view、cover-image。 |
| movable-view |
可移动的视图容器，在页面中可以拖拽滑动 |
| icon |
图标 |
| text |
文本 |
| rich-text |
富文本 |
| progress |
进度条 |
表单(Form)：
| 组件名 |
说明 |
| button |
按钮 |
| checkbox |
多项选择器 |
| form |
表单 |
| input |
输入框 |
| label |
使用for属性找到对应的id，或者将控件放在该标签下，当点击时，就会触发对应的控件。 |
| picker |
从底部弹起的滚动选择器，现支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器 |
| picker-view |
嵌入页面的滚动选择器 |
| radio-group |
单项选择器，内部由多个<radio/>组成 |
| slider |
滑动选择器 |
| switch |
开关选择器 |
| textarea |
多行输入框 |
导航(Navigation)：
媒体组件(Media)：
| 组件名 |
说明 |
| audio |
音频 注意1.6.0 版本开始，该组件不再维护。官方建议使用能力更强的 wx.createInnerAudioContext 接口，暂不做进一步说明！
|
| image |
图片 |
| video |
视频 |
| camera |
系统相机，1.6.0版本以上。需要用户授权
|
| live-player |
实时音视频播放 |
| live-pusher |
实时音视频录制 |
camera,live-player,live-pusher都需要用户授权，live-player和live-pusher，暂只针对如下类目开放，社交 直播
教育 在线教育
医疗 互联网医院，公立医院
政务民生 所有二级类目
金融 基金、信托、保险、银行、证券/期货、非金融机构自营小额贷款、征信业务、消费金融
地图(Map)：
画布(Canvas)：
开放能力
| 组件名 |
说明 |
| open-data |
用于展示微信开放的数据 |
| web-view |
用来承载网页的容器，会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。 |
| ad |
广告。目前暂时以邀请制开放申请，后续可能陆续开放 |
暂有基础组件如上所述，后期仍不定期更新。
网友评论