展示类组件

本分类下包含以下组件：文本、按钮、图片、视频、富文本、HTML。

文本组件

用于展示文本、数字、日期、时间等内容。

文本来源

• 静态写入：手动输入静态数据
• 数据绑定：绑定文本类型的数据

文本样式设置

可设置字体、大小、行高、粗细、字间距、颜色等。若文本较长超出组件宽度，可开启“多行”配置，实现自动换行。

按钮组件

用于触发（仅支持单击事件）某个行为，如添加数据、跳转页面等。

按钮上仅能显示文字，如需带图标按钮，可用视图组件或图片组件实现。

图片组件

图片来源

• 本地上传：支持 jpg、png、webp、gif，宽/高不超 30,000 px，总像素不超 2.5 亿，大小不超 20 MB。
• 数据绑定：动态绑定图片类型数据。
• 链接：直接用链接展示图片，常用于外部图片。

图片设置

• 自动压缩：开启后可减少流量消耗。
• 展示模式：支持“完整图片”“填充空间”两种模式。
• 图片行为：支持全屏图片、放大、下载、转发、二维码识别等。

视频组件

视频来源

• 本地上传
• 数据绑定
• 链接：支持 HLS 等流媒体

视频设置

• 循环、自动播放、播放控制、静音按钮等
• 可配置“开始播放时”触发的行为

富文本组件

数据来源

• 静态数据：右侧栏手动输入
• 动态数据绑定：绑定文本类型数据

HTML 组件

支持通过 iframe 引用外部网站或直接编写 HTML 代码展示自定义内容。

• 不支持 <script> 标签，仅用于结构和样式展示
• 支持绑定项目内数据，动态展示内容
• 仅需填写必要代码片段，无需完整 HTML 页面