Skip to content

组件概述

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

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

当前版本实操

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

展示组件示例

移动端文本组件独立页面

输入组件示例

移动端按钮组件独立页面

布局组件示例

移动端容器组件独立页面

AI 组件示例

移动端 AI 对话组件独立页面

导航组件示例

移动端标签栏组件独立页面