小程序备忘录

容器

view == div

movable-area： movable-view的可移动区域=movable-view的box
movable-view:可移动的视图容器，可以拖拽移动，放大缩小，必须在movable-area中，且是其直接子节点不然不能移动。

scroll-view:可滚动区域，使用竖向滚动时需要在wxss中给他一个固定高度。

swiper：滑块的box,其中只能放置swiper-view
swiper-view:宽高自动为100%

基础内容

icon：图标
progress：进度条
rich-text:富文本
text:文本

表单组件

button：按钮

radio：单选
radio-group：单项选择器，内部由radio组成。

checkbox：多选
checkbox-group:多项选择器，内部由多个checkbox组成

editor:富文本编辑器，可以对图片、文字进行编辑。–不懂

form：表单组件，里面可包含switch input checkbox slider radio picker ，点击form组件内有 form-type 为 submit的button按钮，将会把表单组件中的value值进行提交。formType="reset"时将会重置。需要把表单内的组件加上 name 来作为 key。key:value
label：用来改进表单组件可用性。使用for绑定控件的id，–半懂

input:输入框，原生组件

picker：**从底部弹起的滚动选择器。**选择器有普通选择器，多列，时间，日期，省市区选择器。
picker-view:嵌入页面的滚动选择器。其中只可放置 picker-view-column组件，其它节点不会显示。
picker-view-column:滚动选择器子项。其子节点的高度会自动设置成与picker-view的选中框的高度一致。

slider：滑动选择器。

switch：开关选择器

textarea：多行输入框，原生组件

导航

functional-page-navigator：仅在插件中有效，用于跳转到插件功能页。

navigator:页面链接

媒体组件

camera：系统相机

image：图片

live-player：实时音视频播放

live-pusher：实时音视频录制

video：视频

voip-room：多人音视频对话

地图

map

画布

canvas：画布

原生组件：由客户端创建的原生组件

camera
canvas
input（仅在focus时表现为原生组件）
live-player
live-pusher
map
textarea
video
原生组件限制：

1. 原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上。
2. 原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上。
3. 部分CSS样式无法应用于原生组件
4. 原生组件的事件监听不能使用 bind:eventname 的写法，只支持 bindeventname。原生组件也不支持 catch 和 capture 的事件绑定方式。
5. 为了解决原生组件层级最高的限制。小程序专门提供了 cover-view 和 cover-image 组件，可以覆盖在部分原生组件上面。这两个组件也是原生组件，但是使用限制与其他原生组件有所不同。

无障碍访问

满足视障人士对于小程序的访问需求

导航栏

navigation-bar：页面导航条配置节点，用于指定导航栏的一些属性。只能是 page-meta 组件内的第一个节点，需要配合它一同使用。

页面属性配置节点

page-meta:页面属性配置节点，用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。可以配合 navigation-bar 组件一同使用。

补充

navigator：页面链接，添加open-type=“switchTab”，url=“需要跳转的页面”，open-type:跳转方式
mode=“heightFix”：缩放模式，高度不变，宽度自动变化，保持原图宽高比不变
button:open-type:contact；按钮客服消息
@keyframes:定义动画关键帧
ainmation:调用动画关键帧