chore: 1.1.0 release
|
After Width: | Height: | Size: 454 KiB |
|
After Width: | Height: | Size: 703 KiB |
|
After Width: | Height: | Size: 661 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 744 KiB |
|
After Width: | Height: | Size: 668 KiB |
|
After Width: | Height: | Size: 617 KiB |
|
After Width: | Height: | Size: 595 KiB |
|
After Width: | Height: | Size: 607 KiB |
|
After Width: | Height: | Size: 348 KiB |
|
After Width: | Height: | Size: 294 KiB |
|
After Width: | Height: | Size: 269 KiB |
|
After Width: | Height: | Size: 197 KiB |
|
After Width: | Height: | Size: 287 KiB |
|
After Width: | Height: | Size: 282 KiB |
|
After Width: | Height: | Size: 111 KiB |
|
After Width: | Height: | Size: 329 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 119 KiB |
@@ -0,0 +1,70 @@
|
||||
pageType: cover
|
||||
background:
|
||||
type: image
|
||||
src: media/yu7-hero.jpg
|
||||
fit: {mode: cover}
|
||||
elements:
|
||||
- elementId: cover-wash
|
||||
elementType: shape
|
||||
bounds: [0, 0, 960, 540]
|
||||
shapeName: rect
|
||||
fill: {type: solid, color: "#00000072"}
|
||||
- elementId: cover-rule
|
||||
elementType: shape
|
||||
bounds: [58, 44, 72, 4]
|
||||
shapeName: rect
|
||||
fill: {type: solid, color: "$orange"}
|
||||
- elementId: cover-meta
|
||||
elementType: text
|
||||
bounds: [58, 58, 700, 22]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$muted"
|
||||
fontSize: 12
|
||||
letterSpacing: 2
|
||||
text: "XIAOMI EV / YU7 / 2025 PRODUCT STORY"
|
||||
- elementId: cover-title
|
||||
elementType: text
|
||||
bounds: [58, 206, 560, 120]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
align: [left, middle]
|
||||
text: |
|
||||
<p><span style="font-size:76px;font-weight:700;letter-spacing:-2px">小米 YU7</span></p>
|
||||
<p><span style="font-size:24px;color:#FF6900;font-weight:700">从容奔赴 · 伟大旅程</span></p>
|
||||
- elementId: cover-subtitle
|
||||
elementType: text
|
||||
bounds: [60, 366, 380, 64]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
fontSize: 17
|
||||
lineHeight: 1.35
|
||||
text: |
|
||||
<p>跑车级姿态,SUV 的从容。</p>
|
||||
<p>一台把长途旅行做成日常的纯电 SUV。</p>
|
||||
- elementId: cover-source
|
||||
elementType: text
|
||||
bounds: [60, 494, 800, 18]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "#D8DFE2"
|
||||
fontSize: 9
|
||||
text: "图片 / 资料:<a href=\"https://www.xiaomiev.com/yu7\">小米汽车官网 YU7</a>(访问:2026-08-06)"
|
||||
animations:
|
||||
- elementId: cover-title
|
||||
effect: zoom-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 700
|
||||
easing: ease-out
|
||||
- elementId: cover-subtitle
|
||||
effect: fly-in
|
||||
direction: up
|
||||
trigger: afterPrevious
|
||||
durationMs: 550
|
||||
easing: ease-out
|
||||
- elementId: cover-meta
|
||||
effect: fade-in
|
||||
trigger: withPrevious
|
||||
durationMs: 450
|
||||
@@ -0,0 +1,80 @@
|
||||
pageType: content
|
||||
background:
|
||||
type: image
|
||||
src: media/yu7-exterior.jpg
|
||||
fit: {mode: cover}
|
||||
elements:
|
||||
- elementId: position-wash
|
||||
elementType: shape
|
||||
bounds: [0, 0, 500, 540]
|
||||
shapeName: rect
|
||||
fill: {type: solid, color: "#071013D4"}
|
||||
- elementId: position-index
|
||||
elementType: text
|
||||
bounds: [58, 42, 120, 24]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$orange"
|
||||
fontSize: 12
|
||||
bold: true
|
||||
letterSpacing: 2
|
||||
text: "01 / POSITION"
|
||||
- elementId: position-title
|
||||
elementType: text
|
||||
bounds: [58, 94, 400, 112]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
text: |
|
||||
<p><span style="font-size:43px;font-weight:700">从 SU7 到 YU7</span></p>
|
||||
<p><span style="font-size:25px;color:#FF6900;font-weight:700">小米的第二台车,第一台 SUV</span></p>
|
||||
- elementId: position-body
|
||||
elementType: text
|
||||
bounds: [60, 236, 360, 112]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$muted"
|
||||
fontSize: 17
|
||||
lineHeight: 1.45
|
||||
text: |
|
||||
<p>保留跑车式的低趴比例,</p>
|
||||
<p>把车内空间、舒适与长途能力</p>
|
||||
<p>放进同一台车。</p>
|
||||
- elementId: position-line
|
||||
elementType: line
|
||||
bounds: [60, 382, 354, 1]
|
||||
viewBox: [354, 1]
|
||||
points: "0,0.5 354,0.5"
|
||||
border: {style: solid, width: 2, color: "$orange"}
|
||||
- elementId: position-stats
|
||||
elementType: text
|
||||
bounds: [60, 405, 410, 88]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
text: |
|
||||
<p><span style="font-size:32px;font-weight:700">1:3</span><span style="font-size:15px;color:#C9D0D4"> 头身比 </span><span style="font-size:32px;font-weight:700">0.245</span><span style="font-size:15px;color:#C9D0D4"> 风阻系数</span></p>
|
||||
<p><span style="font-size:16px;color:#C9D0D4">接近 5 米车长,仍然保留向前俯冲的姿态</span></p>
|
||||
- elementId: position-source
|
||||
elementType: text
|
||||
bounds: [58, 510, 850, 16]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "#CCD4D7"
|
||||
fontSize: 9
|
||||
text: "数据来源:<a href=\"https://www.xiaomiev.com/yu7\">小米汽车官网 YU7</a>;图源同上"
|
||||
animations:
|
||||
- elementId: position-title
|
||||
effect: fly-in
|
||||
direction: right
|
||||
trigger: afterPrevious
|
||||
durationMs: 600
|
||||
easing: ease-out
|
||||
- elementId: position-body
|
||||
effect: fade-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 500
|
||||
- elementId: position-stats
|
||||
effect: zoom-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 500
|
||||
@@ -0,0 +1,80 @@
|
||||
pageType: content
|
||||
background:
|
||||
type: image
|
||||
src: media/yu7-detail.jpg
|
||||
fit: {mode: cover}
|
||||
elements:
|
||||
- elementId: design-wash
|
||||
elementType: shape
|
||||
bounds: [0, 0, 960, 540]
|
||||
shapeName: rect
|
||||
fill: {type: solid, color: "#0000004C"}
|
||||
- elementId: design-topline
|
||||
elementType: line
|
||||
bounds: [58, 46, 844, 1]
|
||||
viewBox: [844, 1]
|
||||
points: "0,0.5 844,0.5"
|
||||
border: {style: solid, width: 1, color: "#FFFFFF7A"}
|
||||
- elementId: design-index
|
||||
elementType: text
|
||||
bounds: [58, 58, 160, 22]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$orange"
|
||||
fontSize: 12
|
||||
bold: true
|
||||
letterSpacing: 2
|
||||
text: "02 / DESIGN"
|
||||
- elementId: design-title
|
||||
elementType: text
|
||||
bounds: [58, 88, 560, 74]
|
||||
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: design-callout
|
||||
elementType: text
|
||||
bounds: [62, 186, 270, 168]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
text: |
|
||||
<p><span style="font-size:72px;font-weight:700;color:#FF6900">1:3</span></p>
|
||||
<p><span style="font-size:16px;color:#D8DFE2">头身比</span></p>
|
||||
<p style="margin-top:14px"><span style="font-size:17px">让 SUV 也有跑车的第一眼张力。</span></p>
|
||||
- elementId: design-labels
|
||||
elementType: text
|
||||
bounds: [58, 390, 460, 74]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
fontSize: 16
|
||||
lineHeight: 1.45
|
||||
text: |
|
||||
<p>3.11㎡ 蚌式铝机盖 | 0.245 超低风阻</p>
|
||||
<p><span style="color:#C9D0D4">10 组贯穿式风道 | 19 个风口 | 流线型尾部</span></p>
|
||||
- elementId: design-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: design-title
|
||||
effect: fade-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 500
|
||||
- elementId: design-callout
|
||||
effect: zoom-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 600
|
||||
easing: ease-out
|
||||
- elementId: design-labels
|
||||
effect: fly-in
|
||||
direction: up
|
||||
trigger: afterPrevious
|
||||
durationMs: 500
|
||||
@@ -0,0 +1,80 @@
|
||||
pageType: content
|
||||
background:
|
||||
type: image
|
||||
src: media/yu7-cabin.jpg
|
||||
fit: {mode: cover}
|
||||
elements:
|
||||
- elementId: cabin-wash
|
||||
elementType: shape
|
||||
bounds: [0, 0, 960, 540]
|
||||
shapeName: rect
|
||||
fill: {type: solid, color: "#00000055"}
|
||||
- elementId: cabin-panel
|
||||
elementType: shape
|
||||
bounds: [0, 0, 390, 540]
|
||||
shapeName: rect
|
||||
fill: {type: solid, color: "#11161AD9"}
|
||||
- elementId: cabin-index
|
||||
elementType: text
|
||||
bounds: [58, 42, 160, 22]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$orange"
|
||||
fontSize: 12
|
||||
bold: true
|
||||
letterSpacing: 2
|
||||
text: "03 / CABIN"
|
||||
- elementId: cabin-title
|
||||
elementType: text
|
||||
bounds: [58, 91, 315, 132]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
text: |
|
||||
<p><span style="font-size:40px;font-weight:700">座舱,</span></p>
|
||||
<p><span style="font-size:40px;font-weight:700">不只是屏幕</span></p>
|
||||
<p><span style="font-size:22px;color:#FF6900;font-weight:700">是第一排观景席</span></p>
|
||||
- elementId: cabin-body
|
||||
elementType: text
|
||||
bounds: [60, 240, 278, 100]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$muted"
|
||||
fontSize: 16
|
||||
lineHeight: 1.5
|
||||
text: |
|
||||
<p>把导航、车况与娱乐信息</p>
|
||||
<p>放到自然视线里,</p>
|
||||
<p>让驾驶少一点低头,多一点从容。</p>
|
||||
- elementId: cabin-stats
|
||||
elementType: text
|
||||
bounds: [60, 380, 312, 92]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
text: |
|
||||
<p><span style="font-size:31px;font-weight:700">1.1 m</span><span style="font-size:14px;color:#C9D0D4"> HyperVision 全景显示</span></p>
|
||||
<p><span style="font-size:17px;color:#C9D0D4">三块 Mini LED | 108 PPD 视网膜级清晰度</span></p>
|
||||
- elementId: cabin-source
|
||||
elementType: text
|
||||
bounds: [58, 508, 850, 16]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "#D8DFE2"
|
||||
fontSize: 9
|
||||
text: "资料来源:<a href=\"https://www.mi.com/global/discover/article?id=5174\">Xiaomi Global · YU7 cabin</a>;图源:小米汽车官网"
|
||||
animations:
|
||||
- elementId: cabin-title
|
||||
effect: fly-in
|
||||
direction: right
|
||||
trigger: afterPrevious
|
||||
durationMs: 600
|
||||
easing: ease-out
|
||||
- elementId: cabin-body
|
||||
effect: fade-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 500
|
||||
- elementId: cabin-stats
|
||||
effect: zoom-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 500
|
||||
@@ -0,0 +1,72 @@
|
||||
pageType: content
|
||||
background:
|
||||
type: image
|
||||
src: media/yu7-performance.jpg
|
||||
fit: {mode: cover}
|
||||
elements:
|
||||
- elementId: perf-wash
|
||||
elementType: shape
|
||||
bounds: [0, 0, 480, 540]
|
||||
shapeName: rect
|
||||
fill: {type: solid, color: "#071013D0"}
|
||||
- elementId: perf-index
|
||||
elementType: text
|
||||
bounds: [58, 42, 200, 22]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$orange"
|
||||
fontSize: 12
|
||||
bold: true
|
||||
letterSpacing: 2
|
||||
text: "04 / PERFORMANCE"
|
||||
- elementId: perf-title
|
||||
elementType: text
|
||||
bounds: [58, 92, 390, 110]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
text: |
|
||||
<p><span style="font-size:42px;font-weight:700">快,不必牺牲从容</span></p>
|
||||
<p><span style="font-size:20px;color:#FF6900;font-weight:700">YU7 Max · 性能旗舰</span></p>
|
||||
- elementId: perf-stats
|
||||
elementType: text
|
||||
bounds: [60, 250, 360, 150]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
text: |
|
||||
<p><span style="font-size:59px;font-weight:700;color:#FF6900">3.23</span><span style="font-size:19px"> s</span><span style="font-size:15px;color:#C9D0D4"> 0—100 km/h</span></p>
|
||||
<p><span style="font-size:32px;font-weight:700">508 kW</span><span style="font-size:15px;color:#C9D0D4"> 最大功率</span></p>
|
||||
<p><span style="font-size:32px;font-weight:700">253 km/h</span><span style="font-size:15px;color:#C9D0D4"> 最高时速</span></p>
|
||||
- elementId: perf-caption
|
||||
elementType: text
|
||||
bounds: [60, 435, 350, 38]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$muted"
|
||||
fontSize: 14
|
||||
text: "性能被放进电机、底盘与整车稳定性里。"
|
||||
- elementId: perf-source
|
||||
elementType: text
|
||||
bounds: [58, 508, 850, 16]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "#D8DFE2"
|
||||
fontSize: 9
|
||||
text: "数据来源:<a href=\"https://www.mi.com/global/discover/article?id=4925\">Xiaomi Global · YU7 launch</a>;图片:小米汽车官网"
|
||||
animations:
|
||||
- elementId: perf-title
|
||||
effect: fly-in
|
||||
direction: right
|
||||
trigger: afterPrevious
|
||||
durationMs: 600
|
||||
easing: ease-out
|
||||
- elementId: perf-stats
|
||||
effect: zoom-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 650
|
||||
easing: ease-out
|
||||
- elementId: perf-caption
|
||||
effect: fade-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 450
|
||||
@@ -0,0 +1,71 @@
|
||||
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
|
||||
@@ -0,0 +1,74 @@
|
||||
pageType: content
|
||||
background:
|
||||
type: image
|
||||
src: media/yu7-tech.jpg
|
||||
fit: {mode: cover}
|
||||
elements:
|
||||
- elementId: intel-wash
|
||||
elementType: shape
|
||||
bounds: [0, 0, 530, 540]
|
||||
shapeName: rect
|
||||
fill: {type: solid, color: "#05080CD9"}
|
||||
- elementId: intel-index
|
||||
elementType: text
|
||||
bounds: [58, 42, 230, 22]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$orange"
|
||||
fontSize: 12
|
||||
bold: true
|
||||
letterSpacing: 2
|
||||
text: "06 / INTELLIGENCE"
|
||||
- elementId: intel-title
|
||||
elementType: text
|
||||
bounds: [58, 92, 420, 105]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
text: |
|
||||
<p><span style="font-size:42px;font-weight:700">智能能力,藏在日常里</span></p>
|
||||
<p><span style="font-size:19px;color:#FF6900;font-weight:700">从“能用”到“好用”</span></p>
|
||||
- elementId: intel-body
|
||||
elementType: text
|
||||
bounds: [60, 230, 390, 118]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$muted"
|
||||
fontSize: 16
|
||||
lineHeight: 1.45
|
||||
text: |
|
||||
<p>HyperVision 全景显示、智能座舱、</p>
|
||||
<p>高算力辅助驾驶硬件,</p>
|
||||
<p>共同把“信息”变成自然的体验。</p>
|
||||
- elementId: intel-stats
|
||||
elementType: text
|
||||
bounds: [60, 390, 410, 94]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
text: |
|
||||
<p><span style="font-size:34px;font-weight:700;color:#FF6900">700 TOPS</span><span style="font-size:15px;color:#C9D0D4"> DRIVE AGX Thor</span></p>
|
||||
<p><span style="font-size:15px;color:#C9D0D4">LiDAR | 11 个高清摄像头 | 12 个超声波雷达</span></p>
|
||||
- elementId: intel-source
|
||||
elementType: text
|
||||
bounds: [58, 508, 850, 16]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "#D8DFE2"
|
||||
fontSize: 9
|
||||
text: "资料来源:<a href=\"https://www.mi.com/global/discover/article?id=5174\">Xiaomi Global · YU7 intelligent cabin</a>;图片:小米汽车官网"
|
||||
animations:
|
||||
- elementId: intel-title
|
||||
effect: fly-in
|
||||
direction: right
|
||||
trigger: afterPrevious
|
||||
durationMs: 600
|
||||
easing: ease-out
|
||||
- elementId: intel-body
|
||||
effect: fade-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 500
|
||||
- elementId: intel-stats
|
||||
effect: zoom-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 550
|
||||
@@ -0,0 +1,80 @@
|
||||
pageType: final
|
||||
background:
|
||||
type: image
|
||||
src: media/yu7-exterior.jpg
|
||||
fit: {mode: cover}
|
||||
elements:
|
||||
- elementId: summary-wash
|
||||
elementType: shape
|
||||
bounds: [0, 0, 960, 540]
|
||||
shapeName: rect
|
||||
fill: {type: solid, color: "#071013A6"}
|
||||
- elementId: summary-rule
|
||||
elementType: shape
|
||||
bounds: [58, 44, 72, 4]
|
||||
shapeName: rect
|
||||
fill: {type: solid, color: "$orange"}
|
||||
- elementId: summary-index
|
||||
elementType: text
|
||||
bounds: [58, 58, 180, 22]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$orange"
|
||||
fontSize: 12
|
||||
bold: true
|
||||
letterSpacing: 2
|
||||
text: "07 / TAKEAWAY"
|
||||
- elementId: summary-title
|
||||
elementType: text
|
||||
bounds: [58, 106, 540, 90]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
text: |
|
||||
<p><span style="font-size:49px;font-weight:700">YU7 的答案,很简单</span></p>
|
||||
<p><span style="font-size:23px;color:#FF6900;font-weight:700">快 · 远 · 智能 · 从容</span></p>
|
||||
- elementId: summary-body
|
||||
elementType: text
|
||||
bounds: [60, 248, 620, 125]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
fontSize: 23
|
||||
lineHeight: 1.45
|
||||
text: |
|
||||
<p>它没有把 SUV 做成“更大的一台车”,</p>
|
||||
<p>而是把速度、空间与科技,重新排成了同一条路。</p>
|
||||
- elementId: summary-end
|
||||
elementType: text
|
||||
bounds: [60, 412, 500, 60]
|
||||
content:
|
||||
fontFamily: MiSans
|
||||
color: "$muted"
|
||||
fontSize: 17
|
||||
text: |
|
||||
<p>小米 YU7</p>
|
||||
<p>让每一次出发,都更接近“伟大旅程”。</p>
|
||||
- elementId: summary-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: summary-title
|
||||
effect: zoom-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 650
|
||||
easing: ease-out
|
||||
- elementId: summary-body
|
||||
effect: fly-in
|
||||
direction: up
|
||||
trigger: afterPrevious
|
||||
durationMs: 600
|
||||
easing: ease-out
|
||||
- elementId: summary-end
|
||||
effect: fade-in
|
||||
trigger: afterPrevious
|
||||
durationMs: 500
|
||||
@@ -0,0 +1,30 @@
|
||||
version: v2
|
||||
title: 小米 YU7|介绍
|
||||
size: [960, 540]
|
||||
theme:
|
||||
colors:
|
||||
orange: "#FF6900"
|
||||
white: "#FFFFFF"
|
||||
muted: "#C9D0D4"
|
||||
ink: "#11161A"
|
||||
textStyles:
|
||||
title:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
fontSize: 42
|
||||
bold: true
|
||||
lineHeight: 0.98
|
||||
body:
|
||||
fontFamily: MiSans
|
||||
color: "$white"
|
||||
fontSize: 18
|
||||
lineHeight: 1.35
|
||||
pages:
|
||||
- pages/01_cover.page
|
||||
- pages/02_position.page
|
||||
- pages/03_design.page
|
||||
- pages/04_cabin.page
|
||||
- pages/05_performance.page
|
||||
- pages/06_range.page
|
||||
- pages/07_intelligence.page
|
||||
- pages/08_summary.page
|
||||