72 lines
2.2 KiB
Plaintext
72 lines
2.2 KiB
Plaintext
pageType: content
|
||
background:
|
||
type: image
|
||
src: media/yu7-hero.jpg
|
||
fit: {mode: cover}
|
||
elements:
|
||
- elementId: range-wash
|
||
elementType: shape
|
||
bounds: [0, 0, 960, 540]
|
||
shapeName: rect
|
||
fill: {type: solid, color: "#00000070"}
|
||
- elementId: range-index
|
||
elementType: text
|
||
bounds: [58, 42, 160, 22]
|
||
content:
|
||
fontFamily: MiSans
|
||
color: "$orange"
|
||
fontSize: 12
|
||
bold: true
|
||
letterSpacing: 2
|
||
text: "05 / RANGE"
|
||
- elementId: range-title
|
||
elementType: text
|
||
bounds: [58, 95, 520, 90]
|
||
content:
|
||
fontFamily: MiSans
|
||
color: "$white"
|
||
text: |
|
||
<p><span style="font-size:44px;font-weight:700">长途，不应被充电打断</span></p>
|
||
<p><span style="font-size:19px;color:#D8DFE2">高压平台，把“出发”交还给生活</span></p>
|
||
- elementId: range-big
|
||
elementType: text
|
||
bounds: [58, 238, 490, 118]
|
||
content:
|
||
fontFamily: MiSans
|
||
color: "$white"
|
||
text: |
|
||
<p><span style="font-size:84px;font-weight:700;color:#FF6900">835</span><span style="font-size:25px"> km</span></p>
|
||
<p><span style="font-size:17px;color:#C9D0D4">CLTC 最长续航（标准版）</span></p>
|
||
- elementId: range-secondary
|
||
elementType: text
|
||
bounds: [60, 400, 460, 70]
|
||
content:
|
||
fontFamily: MiSans
|
||
color: "$white"
|
||
text: |
|
||
<p><span style="font-size:31px;font-weight:700">12 min</span><span style="font-size:15px;color:#C9D0D4"> 10% → 80%</span></p>
|
||
<p><span style="font-size:15px;color:#C9D0D4">15 分钟补能，最高可增加约 620 km 续航</span></p>
|
||
- elementId: range-source
|
||
elementType: text
|
||
bounds: [58, 508, 850, 16]
|
||
content:
|
||
fontFamily: MiSans
|
||
color: "#D8DFE2"
|
||
fontSize: 9
|
||
text: "数据来源：<a href=\"https://www.xiaomiev.com/yu7\">小米汽车官网 YU7</a>；续航 / 充电数据以车型配置与测试条件为准"
|
||
animations:
|
||
- elementId: range-title
|
||
effect: fade-in
|
||
trigger: afterPrevious
|
||
durationMs: 500
|
||
- elementId: range-big
|
||
effect: zoom-in
|
||
trigger: afterPrevious
|
||
durationMs: 700
|
||
easing: ease-out
|
||
- elementId: range-secondary
|
||
effect: fly-in
|
||
direction: up
|
||
trigger: afterPrevious
|
||
durationMs: 500
|