组件列表
更新时间：2023 年 6 月 26 日
本文会为您简单介绍新方案 One 组件的使用方法，您可以通过单击组件的查看文档，查看该组件的具体使用方式。 若需了解获取组件属性值相关内容，请参见获取组件属性值。
数据容器
| 组件名称 | 组件功能 | 详细说明 |
|---|---|---|
| 数据列表 | 适用于从数据源中查询多条数据，并将返回列表循环展示的场景，如查询用户列表。 | 查看详情 |
| 数据详情 | 适用于从数据源中查询一条数据，并将返回数据展示的场景，如查询访客预约详情。 | 查看详情 |
| 表单容器 | 快捷实现表单数据的提交与展示场景。绑定数据源后，可根据字段类型自动生成单行输入、下拉选择、提交按钮等组件。 | 查看详情 |
| 数据表格 | 以表格形式展示多行数据，支持对数据进行排序、搜索、分页、自定义显示内容和操作。 | 查看详情 |
| 图表容器 | 为图表容器提供数据源绑定的基础容器 | 查看详情 |
| 子表容器 | 对页面中的子表数据进行增删改查的展示 | 查看详情 |
布局容器
| 组件名称 | 组件功能 | 详细说明 |
|---|---|---|
| 普通容器 | 为当前页面提供基础的布局容器 | 查看详情 |
| 网格布局 | 可使用网格布局对当前页面的布局进行调整，使用频率最高的布局模式 | 查看详情 |
| 分组容器 | 用于实现常见的内容分组展示效果。 | 查看详情 |
| 弹窗 | 用于实现基础的弹窗（对话框）展示效果。 | 查看详情 |
| 内联框架 | 实现了把其他页面作为渲染结果的效果 | 查看详情 |
表单
| 组件名称 | 组件功能 | 详细说明 |
|---|---|---|
| 单行输入 | 用于输入单行的文字内容。 | 查看详情 |
| 多行输入 | 用于输入多行的文字内容。 | 查看详情 |
| 单选框 | 页面中平铺选项，用户可进行单选操作。 | 查看详情 |
| 复选框 | 页面中平铺选项，用户可进行多选操作。 | 查看详情 |
| 下拉 | 以列表形式展示选项，用户可进行搜索和选择操作。 | 查看详情 |
| 人员选择 | 用于选择组织架构中的用户成员。 | 查看详情 |
| 部门选择 | 用于选择组织架构中的各级部门。 | 查看详情 |
| 地区选择 | 用于选择各级行政区划（省市区）。 | 查看详情 |
| 日期选择 | 用于选择日期时间，支持年月日时分秒、年月日等选择模式。 | 查看详情 |
| 时间选择 | 用于选择时间，支持时分选择模式。 | 查看详情 |
| 上传 | 用于上传保存本地文件。 | 查看详情 |
展示组件
| 组件名称 | 组件功能 | 详细说明 |
|---|---|---|
| 图片 | 用于在页面进行图片的展示。 | 查看详情 |
| 视频 | 用于展示播放视频资源。 | 查看详情 |
| 按钮 | 用于需要用户单击触发特定事件的场景，例如信息提交、页面跳转等。 | 查看详情 |
| 文本 | 用于展示页面中的文本或标题的内容。 | 查看详情 |
| 分割线 | 为页面添加一条分割线，常用于组件之间的布局区分。 | 查看详情 |
| 超链接 | 用于实现超链接单击后跳转。 | 查看详情 |
| 轮播图 | 用于快速搭建轮播图展示效果，并支持配置图片的单击跳转、播放间隔等功能。 | 查看详情 |
| 银行卡号 | 用于银行卡号的输入和展示。 | 查看详情 |
| 标签 | 用于平铺标签展示内容。 | 查看详情 |
| 富文本展示 | 以卡片形式展示包含图片、标题、描述信息在内的列表信息。 | 查看详情 |
导航
| 组件名称 | 组件功能 | 详细说明 |
|---|---|---|
| 顶部导航 | 用于页面顶部固定显示所需的标题或导航内容。 | 查看详情 |
| tabs 标签页 | 用于实现页面的 Tab 栏导航效果。 | 查看详情 |
| 功能列表 | 用于宫格布局样式下的导航项目展示。 | 查看详情 |
图表
| 组件名称 | 组件功能 | 详细说明 |
|---|---|---|
| 柱状图 | 用于报表场景下展示数据之间大小的对比。 | 查看详情 |
| 折线图 | 用于报表场景下展示数据随时间变化产生的趋势。 | 查看详情 |
| 饼图 | 用于报表场景下表示数据在总体中的占比。 | 查看详情 |
| 堆叠图 | 用于报表场景下表示多数据堆叠展示。 | 查看详情 |
| echars 图表 | 用于展示 echars 类型的图表。 | 查看详情 |
地图
| 组件名称 | 组件功能 | 详细说明 |
|---|---|---|
| GIS 地图 | 用于页面中展示地图效果的的内容组件 | 查看详情 |
固化组件
| 组件名称 | 组件功能 | 详细说明 |
|---|---|---|
| 组件列表 | 用于具体业务中特定使用的组件 | 查看详情 |