通过组合基础组件进行快速开发。
- 组件是视图层的基本组成单元。
所有组件都有的属性:
属性名 | 描述 | 注解 |
id | 组件的唯一标示 | 保持整个页面唯一 |
class | 组件的样式类 | 在对应的 WXSS 中定义的样式类 |
style | 组件的内联样式 | 可以动态设置的内联样式 |
hidden | 组件是否显示 | 所有组件默认显示 |
data-* | 自定义属性 | 组件上触发的事件时,会发送给事件处理函数 |
bind* / catch* | 组件的事件 | 详见事件 |
组件分为以下七大类:
1,视图容器(View Container):
组件名 | 说明 |
view | 视图容器 |
scroll-view | 可滚动视图容器 |
swiper | 滑块视图容器 |
swiper可以做轮播图
movable-view:可移动的视图容器,在页面中可以拖拽滑动
cover-view:覆盖在原生组件之上的视图
2,基础内容(Basic Content):
rich-text:富文本
3,表单(Form):
标签名 | 说明 |
button | 按钮 |
form | 表单 |
input | 输入框 |
checkbox | 多项选择器 |
radio | 单项选择器 |
picker | 列表选择器,如时间选择器,日期选择器 |
picker-view | 内嵌列表选择器 |
slider | 滚动选择器 |
switch | 开关选择器 |
label | 标签 |
textarea:多行输入框。
4,导航(Navigation):
组件名 | 说明 |
navigator | 应用链接,页面链接,如跳转到新页面 |
5,多媒体(Media):
camera:系统相机。
live-player:实时音视频播放。
live-pusher:实时音视频录制
6地图(Map):
组件名 | 说明 |
map | 地图 |
7画布(Canvas):
组件名 | 说明 |
canvas | 画布 |
客服会话:
组件名 | 说明 |
contact-button | 进入客服会话按钮 |
wx.on 开头的 API 是监听某个事件发生的API接口,接受一个 CALLBACK 函数作为参数。当该事件触发时,会调用 CALLBACK 函数。
如未特殊约定,其他 API 接口都接受一个OBJECT作为参数。
OBJECT中可以指定success, fail, complete(都是函数)来接收接口调用结果。
网络 API
媒体 API
文件 API
本地数据 API
位置 API
设备 API
界面 API
WXML节点信息 API
开放接口:登录,发起微信支付等