这篇会简单介绍微搭组件的使用方法，可以以通过单击组件的查看文档，查看该组件的具体使用方式。
若需了解获取组件属性值相关内容。
相关产品
腾讯云微搭低代码 产品页，含版本规格、价格与购买入口。
一、数据容器
| 组件名称 |
组件功能 |
详细说明 |
| 数据列表 |
适用于从数据源中查询多条数据，并将返回列表循环展示的场景，例如查询用户列表。 |
查看文档 |
| 数据详情 |
适用于从数据源中查询一条数据，并将返回数据展示的场景，例如查询访客预约详情。 |
查看文档 |
| 表单容器 |
快捷实现表单数据的提交与展示场景。绑定数据源后，可根据字段类型自动生成单行输入、下拉选择、提交按钮等组件。 |
查看文档 |
| 数据表格 |
以表格形式展示多行数据，支持对数据进行排序、搜索、分页、自定义显示内容和操作。 |
查看文档 |
二、布局
| 组件名称 |
组件功能 |
详细说明 |
| 普通容器 |
可放入多个组件，常用于对组件布局进行管理控制。 |
查看文档 |
| 网格布局 |
网格布局（Grid）是大的页面布局方案，可以指定容器内部多个组件的位置。它将页面划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。 |
查看文档 |
| 轮播容器 |
用于快速在页面搭建轮播图展示效果，并支持轮播图的跳转、播放配置。 |
查看文档 |
| 布局组件 |
用于构建带有顶部导航的页面布局。 |
查看文档 |
| 滚动容器 |
当组件元素内容长度大于滚动容器时，滚动容器会出现滚动条用来对页面内容进行滑动展示。 |
查看文档 |
| 弹窗 |
用于实现基础的弹窗（对话框）展示效果。 |
查看文档 |
| 卡片 |
卡片容器，可承载文字、按钮、图片等。 |
查看文档 |
三、导航
| 组件名称 |
组件功能 |
详细说明 |
| Tab 栏 |
用于实现页面的 Tab 栏导航效果。 |
查看文档 |
| 布局导航 |
用于布局设计中，用于实现导航+布局效果。 |
查看文档 |
| 宫格导航 |
用于宫格布局样式下的导航项目展示。 |
查看文档 |
| 顶部选项卡 |
用于提供顶部的选项卡布局，支持切换多个选项标签。 |
查看文档 |
| 侧边选项卡 |
用于提供侧边的选项卡布局，支持切换多个选项标签。 |
查看文档 |
四、展示
| 组件名称 |
组件功能 |
详细说明 |
| 文本 |
用于展示页面中的文本或标题的内容。 |
查看文档 |
| 图片 |
用于在页面进行图片的展示。 |
查看文档 |
| 按钮 |
用于需要用户点击触发特定事件的场景，例如信息提交、页面跳转等。 |
查看文档 |
| 树 |
以树形结构展示多层级的数据内容，例如组织架构、物料信息、客户分类等。 |
查看文档 |
| 链接 |
用于实现超链接点击后跳转。 |
查看文档 |
| 轮播图 |
用于快速搭建轮播图展示效果，并支持配置图片的点击跳转、播放间隔等功能。 |
查看文档 |
| 循环展示 |
用于循环展示组件的场景，可将一个数组循环展示在页面中，例如循环一个新闻列表。 |
查看文档 |
| 二维码 |
根据你配置的链接或文本等，生成二维码，并展示出来。 |
查看文档 |
| 图标 |
实现图标的展示效果，同时图标组件也支持用户对图标进行自定义的上传。 |
查看文档 |
| 分割线 |
为页面添加一条分割线，常用于组件之间的布局区分。 |
查看文档 |
| 气泡提示 |
用于显示气泡的提示。 |
查看文档 |
| 富文本展示 |
用于对富文本类型的数据进行转换与展示。 |
查看文档 |
| 视频播放 |
用于展示播放视频资源。 |
查看文档 |
| 音频播放 |
用于展示播放音频资源 |
查看文档 |
| 九宫格抽奖 |
用于实现基础的九宫格抽奖活动。 |
查看文档 |
| 日历 |
用于日历数据的平铺展示，例如考勤数据展示、日程展示。 |
查看文档 |
| Canvas |
提供画布功能，通常用于绘制图像。 |
查看文档 |
| 标签 |
用于标记和分类。 |
查看文档 |
| Markdown |
用于展示 Markdown 格式文件。 |
查看文档 |
五、表单
| 组件名称 |
组件功能 |
详细说明 |
| 对象嵌套表单 |
用于对象类型字段输入。 |
查看文档 |
| 数组嵌套表单 |
用于展示数组类型输入。 |
查看文档 |
| 单行输入 |
用于输入单行的文字内容。 |
查看文档 |
| 代码编辑器 |
用于代码编辑。 |
查看文档 |
| 多行输入 |
用于输入多行的文字内容。 |
查看文档 |
| 数字输入 |
用于数字内容的输入。 |
查看文档 |
| 富文本编辑 |
可调整文本样式，支持插入图片、链接等内容的富文本表单组件。 |
查看文档 |
| 下拉单选 |
以列表形式展示选项，用户可进行搜索和单选操作（原下拉选择组件）。 |
查看文档 |
| 级联选择 |
多级选择器，常使用在地域选择，机型配置选择等。 |
查看文档 |
| 下拉多选 |
以列表形式展示选项，用户可进行多选操作。 |
查看文档 |
| 单选 |
页面中平铺选项，用户可进行单选操作。 |
查看文档 |
| 多选 |
页面中平铺选项，用户可进行多选操作。 |
查看文档 |
| 标签选择 |
多个标签并排展示，支持单选和多选。 |
查看文档 |
| 日期时间选择 |
用于选择日期时间，支持年月日时分秒、年月日等选择模式。 |
查看文档 |
| 日期区间选择 |
用于选择年、年月、年月日时分秒日期的区间选择。 |
查看文档 |
| 时间选择 |
用于选择时间，支持时分选择模式。 |
查看文档 |
| 图片上传 |
用于上传保存本地图片。 |
查看文档 |
| 文件上传 |
用于上传保存本地文件。 |
查看文档 |
| 开关 |
用于控制布尔值的是/否。 |
查看文档 |
| 成员选择 |
用于选择组织架构中的用户成员。 |
查看文档 |
| 部门选择 |
用于选择组织架构中的各级部门。 |
查看文档 |
| 地图定位 |
用于在表单中进行地图选点定位。 |
查看文档 |
| 地区选择 |
用于选择各级行政区划（省市区）。 |
查看文档 |
| 评分 |
直观的打分输入。 |
查看文档 |
| 进度条 |
显示当前进度。 |
查看文档 |
| 电话输入 |
用于输入电话号码。 |
查看文档 |
| URL 输入 |
用于输入网址链接 URL。 |
查看文档 |
| 邮箱输入 |
用于输入邮箱地址。 |
查看文档 |
六、图表
| 组件名称 |
组件功能 |
详细说明 |
| 统计卡片 |
提供报表场景下的指标数据统计并展示功能。 |
查看文档 |
| 折线图 |
用于报表场景下展示数据随时间变化产生的趋势。 |
查看文档 |
| 柱状图 |
用于报表场景下展示数据之间大小的对比。 |
查看文档 |
| 饼图 |
用于报表场景下表示数据在总体中的占比。 |
查看文档 |
| 更多图表 |
支持多类型切换的图表，可配置出多种图表如折线图、饼状图、面积图、地图、漏斗图、仪表盘等。使用该通用图表组件，可实现快速引入 Echarts 图表。 |
查看文档 |
七、小程序
| 组件名称 |
组件功能 |
详细说明 |
| 获取用户手机号 |
在小程序运行态对用户的手机号进行获取。 |
查看文档 |
| 小程序分享 |
支持快捷实现小程序分享功能。 |
查看文档 |
| 公众号关注 |
你可在小程序内配置公众号关注组件，方便用户快捷关注公众号。 |
查看文档 |
| 客服会话 |
单击客服会话组件即可直接进入小程序客服会话界面。 |
查看文档 |
| 小程序广告 |
用于在小程序中展示微信广告，使推荐广告获得曝光与点击，从而让小程序获取盈利，已支持激励视频。 |
查看文档 |
| 小店首页 |
小程序内嵌微信小店首页，展示小店首页，并进行跳转交易。 |
查看文档 |
| 小店商品 |
小程序内嵌微信小店商品，展示小店商品，并进行跳转交易。支持小店优选联盟带货跟佣功能。 |
查看文档 |
八、高级
| 组件名称 |
组件功能 |
详细说明 |
| JSX 组件 |
原生 JSX 代码块，可快速地引入第三方组件库。 |
查看文档 |
| 网页嵌套 |
用于在应用中嵌套展示其他的网页。 |
查看文档 |
九、插槽说明
组件的插槽是附属在单个组件内的节点（区别于容器组件，容器组件本身即为一个独立节点）。插槽在不同的组件中有不同的使用方式：
·在选项卡组件中，插槽用来存放每一个 Tab 项中的内容。
·在列表项组件中，插槽可用来存放列表图标和标题文本等。
