有奖捉虫:办公协同&微信生态&物联网文档专题 HOT
本文会为您简单介绍微搭组件的使用方法,您可以通过单击组件的查看文档,查看该组件的具体使用方式。 若需了解获取组件属性值相关内容,请参见 获取组件属性值

数据容器

组件名称
组件功能
详细说明
数据列表
适用于从数据源中查询多条数据,并将返回列表循环展示的场景,例如查询用户列表。
数据详情
适用于从数据源中查询一条数据,并将返回数据展示的场景,例如查询访客预约详情。
表单容器
快捷实现表单数据的提交与展示场景。绑定数据源后,可根据字段类型自动生成单行输入、下拉选择、提交按钮等组件。
数据表格
以表格形式展示多行数据,支持对数据进行排序、搜索、分页、自定义显示内容和操作。

布局

组件名称
组件功能
详细说明
普通容器
可放入多个组件,常用于对组件布局进行管理控制。
网格布局
网格布局(Grid)是大的页面布局方案,可以指定容器内部多个组件的位置。它将页面划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。
轮播容器
用于快速在页面搭建轮播图展示效果,并支持轮播图的跳转、播放配置。
布局组件
用于构建带有顶部导航的页面布局。
滚动容器
当组件元素内容长度大于滚动容器时,滚动容器会出滚动条用来对页面内容进行滑动展示。
弹窗
用于实现基础的弹窗(对话框)展示效果。
卡片
卡片容器,可承载文字、按钮、图片等。

导航

组件名称
组件功能
详细说明
Tab 栏
用于实现页面的 Tab 栏导航效果。
菜单导航
用于构建企业管理和门户官网应用下的横向或纵向菜单导航样式。
宫格导航
用于宫格布局样式下的导航项目展示。
顶部导航
用于页面顶部固定显示所需的标题或导航内容。
顶部选项卡
用于提供顶部的选项卡布局,支持切换多个选项标签。
侧边选项卡
用于提供侧边的选项卡布局,支持切换多个选项标签。

展示

组件名称
组件功能
详细说明
文本
用于展示页面中的文本或标题的内容。
图片
用于在页面进行图片的展示。
按钮
用于需要用户点击触发特定事件的场景,例如信息提交、页面跳转等。
以树形结构展示多层级的数据内容,例如组织架构、物料信息、客户分类等。
链接
用于实现超链接点击后跳转。
轮播图
用于快速搭建轮播图展示效果,并支持配置图片的点击跳转、播放间隔等功能。
循环展示
用于循环展示组件的场景,可将一个数组循环展示在页面中,例如循环一个新闻列表。
二维码
根据您配置的链接或文本等,生成二维码,并展示出来。
图标
实现图标的展示效果,同时图标组件也支持用户对图标进行自定义的上传。
分割线
为页面添加一条分割线,常用于组件之间的布局区分。
气泡提示
用于显示气泡的提示。
富文本展示
用于对富文本类型的数据进行转换与展示。
视频播放
用于展示播放视频资源。
音频播放
用于展示播放音频资源
九宫格抽奖
用于实现基础的九宫格抽奖活动。
日历
用于日历数据的平铺展示,例如考勤数据展示、日程展示。
Canvas
提供画布功能,通常用于绘制图像。
标签
用于标记和分类。

表单

组件名称
组件功能
详细说明
单行输入
用于输入单行的文字内容。
多行输入
用于输入多行的文字内容。
数字输入
用于数字内容的输入。
富文本编辑
可调整文本样式,支持插入图片、链接等内容的富文本表单组件。
下拉单选
以列表形式展示选项,用户可进行搜索和单选操作。(原下拉选择组件)
下拉多选
以列表形式展示选项,用户可进行多选操作。
单选
页面中平铺选项,用户可进行单选操作。
多选
页面中平铺选项,用户可进行多选操作。
日期时间选择
用于选择日期时间,支持年月日时分秒、年月日等选择模式。
时间选择
用于选择时间,支持时分选择模式。
图片上传
用于上传保存本地图片。
文件上传
用于上传保存本地文件。
开关
用于控制布尔值的是/否。
成员选择
用于选择组织架构中的用户成员。
部门选择
用于选择组织架构中的各级部门。
地图定位
用于在表单中进行地图选点定位。
地区选择
用于选择各级行政区划(省市区)。
电话输入
用于输入电话号码。
URL 输入
用于输入网址链接 URL。
邮箱输入
用于输入邮箱地址。

图表

组件名称
组件功能
详细说明
统计卡片
提供报表场景下的指标数据统计并展示功能。
折线图
用于报表场景下展示数据随时间变化产生的趋势。
柱状图
用于报表场景下展示数据之间大小的对比。
饼图
用于报表场景下表示数据在总体中的占比。
更多图表
支持多类型切换的图表,可配置出多种图表如折线图、饼状图、面积图、地图、漏斗图、仪表盘等。使用该通用图表组件,可实现快速引入 Echarts 图表。

小程序

组件名称
组件功能
详细说明
获取用户手机号
在小程序运行态对用户的手机号进行获取。
小程序分享
支持快捷实现小程序分享功能。
公众号关注
您可在小程序内配置公众号关注组件,方便用户快捷关注公众号。
客服会话
单击客服会话组件即可直接进入小程序客服会话界面。
小程序广告
用于在小程序中展示微信广告,使推荐广告获得曝光与点击,从而小程序获取盈利。

高级

组件名称
组件功能
详细说明
JSX 组件
原生 JSX 代码块,可快速地引入第三方组件库。
网页嵌套
用于在应用中嵌套展示其他的网页。

插槽说明

组件的插槽是附属在单个组件内的节点(区别于容器组件,容器组件本身即为一个独立节点)。插槽在不同的组件中有不同的使用方式:
在选项卡组件中,插槽用来存放每一个 Tab 项中的内容。
在列表项组件中,插槽可用来存放列表图标和标题文本等。