← 全部模板

杂志跨页 <MagazineSpread />

左半页整幅图片,中缝有阴影;右半页是大标题、导语(下有粗线)、首字下沉的正文和一段引语,底部有页脚和出处。

在示例演示里查看 →

分组
讲解 · 一段需要读的文字
组件
MagazineSpread · #magazine-spread
交互
build:引语最后出现

适合

  • 解释一个概念、讲一段故事,需要两段正文
  • 编辑风格、科普和专题

不适合

  • 要点能列成条目:用 PhotoSplit
  • 正文超过 150 字:拆页

内容上限

1title ≤ 2 行 × 8 字
2standfirst ≤ 40 字
3body 1–2 段,合计 ≤ 150 字
4pull ≤ 26 字
5folio ≤ 16 字

字段

字段类型
image · 必填{ src, alt, credit?, focus? }左半页图片
kicker · 必填string栏目名
title · 必填string | string[]大标题
standfirststring导语
body · 必填string[]正文段落,第一段首字下沉
pullstring右栏引语,一个 build 步骤
foliostring页脚,如“专题 · 第 6 页”
sourcestring事实出处

示例代码

<MagazineSpread image={{ src: polyp, alt: '…' }} kicker="专题" title={['珊瑚为什么', '会变白']} standfirst="…" body={['…', '…']} pull="…" />