Appearance
组件概述
搭建小程序端用户界面,支持使用多种类型组件,例如输入组件、展示组件和布局组件,每一类组件包含多个不同的组件。
| 组件分类 | 组件名称 | 说明 |
|---|---|---|
| 布局组件 | 横向列表 | 用于横向展示数据项的列表视图。 |
| 布局组件 | 纵向列表 | 用于纵向展示数据项的列表视图。 |
| 布局组件 | 宫格列表 | 用于以规则宫格展示数据项。 |
| 布局组件 | 瀑布流列表 | 用于以高低错落的瀑布流展示数据项。 |
| 布局组件 | 容器 | 用于包含和对齐一组子组件,是构建复杂布局的基础。 |
| 展示组件 | 文本 | 用于显示静态文本内容。 |
| 展示组件 | 图标 | 用于展示图标,增强界面的视觉效果和交互性。 |
| 展示组件 | Markdown | 用于渲染 Markdown 格式的文本。 |
| 展示组件 | 音频 | 用于播放音频内容。 |
| 展示组件 | 图片 | 用于展示图片。 |
| 展示组件 | Lottie 动画 | 用于展示 Lottie 动画。 |
| 展示组件 | 轮播 | 用于在有限空间内循环展示一系列图片。 |
| 输入组件 | 按钮 | 用于触发事件或动作,例如提交表单。 |
| 输入组件 | 表单 | 用于组织和收集多项用户输入。 |
| 输入组件 | 单行输入 | 用于接收简短文本,例如搜索词、账号或手机号。 |
| 输入组件 | 多行输入 | 用于接收评论、文章或长描述等多行文本。 |
| 输入组件 | 下拉选择 | 用于从预定义选项中选择一项。 |
| 输入组件 | 数字输入 | 用于输入精确数值。 |
| 输入组件 | 图片上传 | 用于上传和展示图片。 |
| 输入组件 | 单选按钮 | 用于在多个选项中选择一项。 |
| 导航组件 | 标签栏 | 用于在不同的内容区域之间进行切换,每个标签代表一个不同的内容视图。 |
| AI 组件 | AI 对话 | 用于搭建对话式 AI 应用,支持绑定对话流、设置开场白和快捷指令。 |
当前版本实操
当前版本按“一个组件、一个页面”制作示例。以下图片分别来自不同的独立页面,不在同一页面混放多个组件。
展示组件示例

输入组件示例

布局组件示例

AI 组件示例

导航组件示例
