Skip to content

组件概述

搭建网页端用户界面,支持使用多种类型组件,例如输入组件、展示组件和布局组件,每一类组件包含多个不同的组件。

组件分类组件名称说明
布局组件纵向列表用于纵向展示数据项的列表视图。
布局组件横向列表用于横向展示数据项的列表视图。
布局组件宫格列表用于以规则宫格展示数据项。
布局组件瀑布流列表用于以高低错落的瀑布流展示数据项。
布局组件容器用于包含和对齐一组子组件,是构建复杂布局的基础。
展示组件文本用于显示静态文本内容。
展示组件徽章用于展示通知或重要信息,常带有数字或图标。
展示组件图标用于展示图标,增强界面的视觉效果和交互性。
展示组件代码展示器用于显示代码片段。
展示组件Markdown用于渲染 Markdown 格式的文本。
展示组件图片用于展示图片。
展示组件Lottie 动画用于展示 Lottie 动画。
展示组件视频用于播放视频。
输入组件按钮用于触发事件或动作,例如提交表单。
输入组件表单用于组织和收集多项用户输入。
输入组件开关用于开启或关闭某个选项。
输入组件文本输入用于接收和编辑文本。
输入组件下拉选择用于从预定义选项中选择一项。
输入组件代码编辑用于编写代码,支持语法高亮。
输入组件数字输入用于输入精确数值。
输入组件文件上传用于上传文件,可配置格式和大小。
输入组件图片上传用于上传和展示图片。
AI 组件AI 对话用于搭建对话式 AI 应用,支持绑定对话流、设置开场白和快捷指令。

当前版本实操

当前版本按“一个组件、一个页面”制作示例。以下图片分别来自不同的独立页面,不在同一页面混放多个组件。

展示组件示例

网页端文本组件独立页面

输入组件示例

网页端按钮组件独立页面

布局组件示例

网页端容器组件独立页面

AI 组件示例

网页端 AI 对话组件独立页面