## 视图容器

```json
[
  {
    "接口名称": "[cover-image](/miniprogram/dev/component/cover-image)",
    "描述": "覆盖在原生组件之上的图片视图"
  },
  {
    "接口名称": "[cover-view](/miniprogram/dev/component/cover-view)",
    "描述": "覆盖在原生组件之上的文本视图"
  },
  {
    "接口名称": "[match-media](/miniprogram/dev/component/match-media)",
    "描述": "media query 匹配检测节点"
  },
  {
    "接口名称": "[movable-area](/miniprogram/dev/component/movable-area)",
    "描述": "movable-view)的可移动区域"
  },
  {
    "接口名称": "[movable-view](/miniprogram/dev/component/movable-view)",
    "描述": "可移动的视图容器，在页面中可以拖拽滑动"
  },
  {
    "接口名称": "[page-container](/miniprogram/dev/component/page-container)",
    "描述": "页面容器"
  },
  {
    "接口名称": "[root-portal](/miniprogram/dev/component/root-portal)",
    "描述": "使整个子树从页面中脱离出来，类似于在 CSS 中使用 fixed position 的效果"
  },
  {
    "接口名称": "[scroll-view](/miniprogram/dev/component/scroll-view)",
    "描述": "可滚动视图区域"
  },
  {
    "接口名称": "[swiper](/miniprogram/dev/component/swiper)",
    "描述": "滑块视图容器"
  },
  {
    "接口名称": "[swiper-item](/miniprogram/dev/component/swiper-item)",
    "描述": "仅可放置在swiper)组件中，宽高自动设置为100%"
  },
  {
    "接口名称": "[view](/miniprogram/dev/component/view)",
    "描述": "视图容器"
  }
]
```

## 基础内容

```json
[
  {
    "接口名称": "[icon](/miniprogram/dev/component/icon)",
    "描述": "图标组件"
  },
  {
    "接口名称": "[progress](/miniprogram/dev/component/progress)",
    "描述": "进度条"
  },
  {
    "接口名称": "[rich-text](/miniprogram/dev/component/rich-text)",
    "描述": "富文本"
  },
  {
    "接口名称": "[selection](/miniprogram/dev/component/selection)",
    "描述": "局部文本选区"
  },
  {
    "接口名称": "[text](/miniprogram/dev/component/text)",
    "描述": "文本"
  }
]
```

## 表单组件

```json
[
  {
    "接口名称": "[button](/miniprogram/dev/component/button)",
    "描述": "按钮"
  },
  {
    "接口名称": "[checkbox](/miniprogram/dev/component/checkbox)",
    "描述": "多选项目"
  },
  {
    "接口名称": "[checkbox-group](/miniprogram/dev/component/checkbox-group)",
    "描述": "多项选择器，内部由多个checkbox)组成"
  },
  {
    "接口名称": "[editor](/miniprogram/dev/component/editor)",
    "描述": "富文本编辑器，可以对图片、文字进行编辑"
  },
  {
    "接口名称": "[editor-portal](/miniprogram/dev/component/editor-portal)",
    "描述": "渲染 editor) 组件的自定义区块"
  },
  {
    "接口名称": "[form](/miniprogram/dev/component/form)",
    "描述": "表单"
  },
  {
    "接口名称": "[input](/miniprogram/dev/component/input)",
    "描述": "输入框"
  },
  {
    "接口名称": "[keyboard-accessory](/miniprogram/dev/component/keyboard-accessory)",
    "描述": "设置 input / textarea 聚焦时键盘上方 cover-view / cover-image 工具栏视图"
  },
  {
    "接口名称": "[label](/miniprogram/dev/component/label)",
    "描述": "用来改进表单组件的可用性"
  },
  {
    "接口名称": "[picker](/miniprogram/dev/component/picker)",
    "描述": "从底部弹起的滚动选择器"
  },
  {
    "接口名称": "[picker-view](/miniprogram/dev/component/picker-view)",
    "描述": "嵌入页面的滚动选择器"
  },
  {
    "接口名称": "[picker-view-column](/miniprogram/dev/component/picker-view-column)",
    "描述": "滚动选择器子项"
  },
  {
    "接口名称": "[radio](/miniprogram/dev/component/radio)",
    "描述": "单选项目"
  },
  {
    "接口名称": "[radio-group](/miniprogram/dev/component/radio-group)",
    "描述": "单项选择器，内部由多个 radio) 组成"
  },
  {
    "接口名称": "[slider](/miniprogram/dev/component/slider)",
    "描述": "滑动选择器"
  },
  {
    "接口名称": "[switch](/miniprogram/dev/component/switch)",
    "描述": "开关选择器"
  },
  {
    "接口名称": "[textarea](/miniprogram/dev/component/textarea)",
    "描述": "多行输入框"
  }
]
```

## Skyline

```json
[
  {
    "接口名称": "[draggable-sheet](/miniprogram/dev/component/draggable-sheet)",
    "描述": "半屏可拖拽组件"
  },
  {
    "接口名称": "[grid-builder](/miniprogram/dev/component/grid-builder)",
    "描述": "网格构造器，仅支持作为  模式的直接子节点"
  },
  {
    "接口名称": "[grid-view](/miniprogram/dev/component/grid-view)",
    "描述": "Skyline 下网格布局容器 和 瀑布流布局容器"
  },
  {
    "接口名称": "[list-builder](/miniprogram/dev/component/list-builder)",
    "描述": "列表构造器，仅支持作为  模式的直接子节点"
  },
  {
    "接口名称": "[list-view](/miniprogram/dev/component/list-view)",
    "描述": "列表布局容器，仅支持作为  模式的直接子节点或 sticky-section) 组件直接子节点"
  },
  {
    "接口名称": "[nested-scroll-body](/miniprogram/dev/component/nested-scroll-body)",
    "描述": "嵌套 scroll-view 场景中属于里层 scroll-view 的节点，仅支持作为  模式的直接子节点"
  },
  {
    "接口名称": "[nested-scroll-header](/miniprogram/dev/component/nested-scroll-header)",
    "描述": "嵌套 scroll-view 场景中属于外层 scroll-view 的节点，仅支持作为  模式的直接子节点"
  },
  {
    "接口名称": "[open-container](/miniprogram/dev/component/open-container)",
    "描述": "容器转场动画组件"
  },
  {
    "接口名称": "[open-data-item](/miniprogram/dev/component/open-data-item)",
    "描述": "展示微信开放数据，需配合 open-data-list) 组件使用"
  },
  {
    "接口名称": "[open-data-list](/miniprogram/dev/component/open-data-list)",
    "描述": "展示微信开放数据"
  },
  {
    "接口名称": "[share-element](/miniprogram/dev/component/share-element)",
    "描述": "共享元素"
  },
  {
    "接口名称": "[snapshot](/miniprogram/dev/component/snapshot)",
    "描述": "截图组件"
  },
  {
    "接口名称": "[span](/miniprogram/dev/component/span)",
    "描述": "用于支持内联文本和 image / navigator 的混排"
  },
  {
    "接口名称": "[sticky-header](/miniprogram/dev/component/sticky-header)",
    "描述": "吸顶布局容器，仅支持作为  模式的直接子节点或 sticky-section) 组件直接子节点"
  },
  {
    "接口名称": "[sticky-section](/miniprogram/dev/component/sticky-section)",
    "描述": "吸顶布局容器，仅支持作为  模式的直接子节点"
  }
]
```

### 手势系统

```json
[
  {
    "接口名称": "[double-tap-gesture-handler](/miniprogram/dev/component/double-tap-gesture-handler)",
    "描述": "双击时触发手势"
  },
  {
    "接口名称": "[force-press-gesture-handler](/miniprogram/dev/component/force-press-gesture-handler)",
    "描述": "iPhone 设备重按时触发手势"
  },
  {
    "接口名称": "[horizontal-drag-gesture-handler](/miniprogram/dev/component/horizontal-drag-gesture-handler)",
    "描述": "横向滑动时触发手势"
  },
  {
    "接口名称": "[long-press-gesture-handler](/miniprogram/dev/component/long-press-gesture-handler)",
    "描述": "长按时触发手势"
  },
  {
    "接口名称": "[pan-gesture-handler](/miniprogram/dev/component/pan-gesture-handler)",
    "描述": "拖动（横向/纵向）时触发手势"
  },
  {
    "接口名称": "[scale-gesture-handler](/miniprogram/dev/component/scale-gesture-handler)",
    "描述": "多指缩放时触发手势"
  },
  {
    "接口名称": "[tap-gesture-handler](/miniprogram/dev/component/tap-gesture-handler)",
    "描述": "点击时触发手势"
  },
  {
    "接口名称": "[vertical-drag-gesture-handler](/miniprogram/dev/component/vertical-drag-gesture-handler)",
    "描述": "纵向滑动时触发手势"
  }
]
```

## 导航

```json
[
  {
    "接口名称": "[functional-page-navigator](/miniprogram/dev/component/functional-page-navigator)",
    "描述": "仅在插件中有效，用于跳转到插件功能页"
  },
  {
    "接口名称": "[navigator](/miniprogram/dev/component/navigator)",
    "描述": "页面链接"
  }
]
```

## 媒体组件

```json
[
  {
    "接口名称": "[audio](/miniprogram/dev/component/audio)",
    "描述": "音频"
  },
  {
    "接口名称": "[camera](/miniprogram/dev/component/camera)",
    "描述": "系统相机"
  },
  {
    "接口名称": "[channel-live](/miniprogram/dev/component/channel-live)",
    "描述": "小程序内嵌视频号直播组件，展示视频号直播状态和封面，并无弹窗跳转至视频号"
  },
  {
    "接口名称": "[channel-video](/miniprogram/dev/component/channel-video)",
    "描述": "小程序内嵌视频号视频组件，支持在小程序中播放视频号视频，并无弹窗跳转至视频号"
  },
  {
    "接口名称": "[image](/miniprogram/dev/component/image)",
    "描述": "图片"
  },
  {
    "接口名称": "[live-player](/miniprogram/dev/component/live-player)",
    "描述": "实时音视频播放（v2.9.1 起支持同层渲染)）"
  },
  {
    "接口名称": "[live-pusher](/miniprogram/dev/component/live-pusher)",
    "描述": "实时音视频录制（v2.9.1 起支持同层渲染)）"
  },
  {
    "接口名称": "[video](/miniprogram/dev/component/video)",
    "描述": "视频（v2.4.0 起支持同层渲染)）"
  },
  {
    "接口名称": "[voip-room](/miniprogram/dev/component/voip-room)",
    "描述": "多人音视频对话"
  }
]
```

## 地图

```json
[
  {
    "接口名称": "[map](/miniprogram/dev/component/map)",
    "描述": "地图 v2.7.0 起支持同层渲染)"
  }
]
```

## 画布

```json
[
  {
    "接口名称": "[canvas](/miniprogram/dev/component/canvas)",
    "描述": "画布"
  }
]
```

## 开放能力

```json
[
  {
    "接口名称": "[ad](/miniprogram/dev/component/ad)",
    "描述": "Banner 广告"
  },
  {
    "接口名称": "[ad-custom](/miniprogram/dev/component/ad-custom)",
    "描述": "原生模板 广告"
  },
  {
    "接口名称": "[official-account](/miniprogram/dev/component/official-account)",
    "描述": "公众号关注组件"
  },
  {
    "接口名称": "[official-account-publish](/miniprogram/dev/component/official-account-publish)",
    "描述": "贴图组件"
  },
  {
    "接口名称": "[open-data](/miniprogram/dev/component/open-data)",
    "描述": "用于展示微信开放的数据"
  },
  {
    "接口名称": "[reward](/miniprogram/dev/component/reward)",
    "描述": "「喜欢开发者」组件"
  },
  {
    "接口名称": "[store-coupon](/miniprogram/dev/component/store-coupon)",
    "描述": "小程序内嵌微信小店优惠券，展示小店优惠券，并进行跳转交易"
  },
  {
    "接口名称": "[store-gift](/miniprogram/dev/component/store-gift)",
    "描述": "小程序送礼物接口支持小程序调用官方组件完成一次微信礼物的赠送，送礼后，用户可通过微信【我】-【订单与卡券】查看礼物订单详情"
  },
  {
    "接口名称": "[store-home](/miniprogram/dev/component/store-home)",
    "描述": "小程序内嵌微信小店首页，展示小店首页，并进行跳转交易"
  },
  {
    "接口名称": "[store-product](/miniprogram/dev/component/store-product)",
    "描述": "小程序内嵌微信小店商品，展示小店商品，并进行跳转交易"
  },
  {
    "接口名称": "[web-view](/miniprogram/dev/component/web-view)",
    "描述": "承载网页的容器"
  }
]
```

## 原生组件说明

```json
[
  {
    "接口名称": "[native-component](/miniprogram/dev/component/native-component)",
    "描述": "小程序中的部分组件是由客户端创建的原生组件"
  }
]
```

## 无障碍访问

```json
[
  {
    "接口名称": "[aria-component](/miniprogram/dev/component/aria-component)",
    "描述": "满足视障人士对于小程序的访问需求"
  }
]
```

## 导航栏

```json
[
  {
    "接口名称": "[navigation-bar](/miniprogram/dev/component/navigation-bar)",
    "描述": "页面导航条配置节点，用于指定导航栏的一些属性"
  }
]
```

## 页面属性配置节点

```json
[
  {
    "接口名称": "[page-meta](/miniprogram/dev/component/page-meta)",
    "描述": "页面属性配置节点，用于指定页面的一些属性、监听页面事件"
  }
]
```