← All templates

杂志跨页 <MagazineSpread />

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

Template and style descriptions are currently available in Chinese only.

See it in the demo deck →

Group
讲解 · 一段需要读的文字
Component
MagazineSpread · #magazine-spread
Interaction
build:引语最后出现

Good for

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

Avoid when

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

Content limits

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

Fields

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

Example

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