图文分区
一侧媒体、一侧内容的两栏布局,以及利用填充间隔块实现上下对齐的方法。
Image with text 一侧显示媒体,另一侧排列内容块,适合品牌故事、成分介绍和功能说明。
| 设置 | 选项 | 默认值 |
|---|---|---|
| Image | 图片选择器 | — |
| Image position | Left / Right | Left |
文字区域支持全部内容块,可按需要排列 Text、Button、Quote 或 Accordion。
让标题与正文分别靠上、靠下
桌面端文字栏与图片等高,因此可使用开启填充的 Spacer:Title → Spacer(fill)→ Normal text。标题固定在顶部,正文固定在底部。
移动端改为上下堆叠,内容高度自适应,填充间隔块会缩小至设定的最小高度,不会留下大块空白。
连续添加多个图文分区时,可以交替设置图片位于 Left 和 Right,让阅读节奏更清晰。