杂志跨页 <MagazineSpread />
左半页整幅图片,中缝有阴影;右半页是大标题、导语(下有粗线)、首字下沉的正文和一段引语,底部有页脚和出处。
版型與風格的說明目前僅提供簡體中文。
- 分組
- 讲解 · 一段需要读的文字
- 元件
MagazineSpread·#magazine-spread- 互動
- build:引语最后出现
適合
- 解释一个概念、讲一段故事,需要两段正文
- 编辑风格、科普和专题
不適合
- 要点能列成条目:用 PhotoSplit
- 正文超过 150 字:拆页
內容上限
| 1 | title ≤ 2 行 × 8 字 |
| 2 | standfirst ≤ 40 字 |
| 3 | body 1–2 段,合计 ≤ 150 字 |
| 4 | pull ≤ 26 字 |
| 5 | folio ≤ 16 字 |
欄位
| 欄位 | 型別 | |
|---|---|---|
image · 必填 | { src, alt, credit?, focus? } | 左半页图片 |
kicker · 必填 | string | 栏目名 |
title · 必填 | string | string[] | 大标题 |
standfirst | string | 导语 |
body · 必填 | string[] | 正文段落,第一段首字下沉 |
pull | string | 右栏引语,一个 build 步骤 |
folio | string | 页脚,如“专题 · 第 6 页” |
source | string | 事实出处 |
範例程式碼
<MagazineSpread image={{ src: polyp, alt: '…' }} kicker="专题" title={['珊瑚为什么', '会变白']} standfirst="…" body={['…', '…']} pull="…" />