定价

统一组织多张图片的尺寸与排列,并提供成组预览,适合图库、附件和图片集合。

我们正在让 SnowUI 组件成为 AI 对话中可直接操作的界面。目前对话交互能力仍在建设中;本页展示网站用法,支持的对话平台与组件版本将在验证后公布。 AI 对话内生成和使用 SnowUI 界面完全免费,不属于项目,不占项目或开发者席位额度,无需 SnowUI 注册、激活或付费证明。

如何使用

用于在共享配置下组织图片。需要全屏查看、缩放或组间导航时配合 ImageViewer;布局与图片加载状态由公开 API 表达。

  • 用 layout 选择组布局、size 统一图片尺寸。

  • Image 子项自动加入媒体组;子项显式尺寸或 previewMode 优先于组默认配置。

导入

import { ImageGroup } from '@snowui-design-system/components';

用法

行布局

列布局

网格

尺寸

继承

预览模式

预览覆盖

API 参考

属性 类型 默认值 示例 描述
size ImageGroupSize — size={value} 统一控制组内图片尺寸
layout ImageGroupLayout "row" layout={value} 布局模式
previewMode PreviewMode — previewMode={value} 作为组内 Image 的显式预览模式;省略时由页面共享 Viewer 是否存在自动决定
enableResponsive boolean true enableResponsive 启用 Frame 响应式能力,按公开响应式配置调整集合布局。
enableContext boolean true enableContext 是否向 Frame 子组件提供通用上下文;Image 的组尺寸和预览策略仍通过专属组上下文提供。
children Snippet — <ImageGroup>Content</ImageGroup> 组内图片内容;Image 自动注册媒体并继承组尺寸与预览策略,显式子项设置优先。