102 lines
5.9 KiB
Plaintext
102 lines
5.9 KiB
Plaintext
<Slide style={{ width: '1280px', height: '720px', background: '#FFFFFF', padding: '0px' }}>
|
|
|
|
{/* A 区留白 */}
|
|
<Box style={{ height: 36 }} />
|
|
|
|
{/* B 区标题块 */}
|
|
<Box style={{ height: 58, paddingLeft: 70, paddingRight: 70, flexDirection: 'row', alignItems: 'center' }}>
|
|
<Box style={{ width: 8, height: 32, background: '#C42819', marginRight: 16 }} />
|
|
<Text style={{ fontSize: 32, fontWeight: 'bold', color: '#171616', fontFamily: '宋体' }}>EtherCAT 项目 · 战略意义</Text>
|
|
</Box>
|
|
|
|
{/* C 区内容 */}
|
|
<Box style={{ flex: 1, paddingLeft: 70, paddingRight: 70, paddingTop: 14, paddingBottom: 20, flexDirection: 'column' }}>
|
|
|
|
{/* 上半：历史规律 vs 未来趋势 */}
|
|
<Box style={{ flexDirection: 'row', gap: 20 }}>
|
|
{/* 左：轴控卡历史规律 */}
|
|
<Box style={{ flex: 1, border: '1px solid #E5E7EB', borderRadius: 12, background: '#FBF7F2', paddingTop: 16, paddingBottom: 16, paddingLeft: 20, paddingRight: 20, flexDirection: 'column' }}>
|
|
<Text style={{ fontSize: 18, fontWeight: 'bold', color: '#6B7280', fontFamily: '宋体' }}>历史规律 · 轴控卡</Text>
|
|
<Box style={{ flexDirection: 'column', marginTop: 12, gap: 2 }}>
|
|
{[
|
|
['早期', '均为专用控制卡方案'],
|
|
['转折', 'PLC 性能增强 + EtherCAT 总线出现'],
|
|
['结果', '轴控功能逐渐集成到 PLC 中'],
|
|
].map((it, i) => (
|
|
<Box key={i} style={{ flexDirection: 'row', alignItems: 'flex-start' }}>
|
|
<Box style={{ width: 8, height: 8, borderRadius: 4, background: '#9CA3AF', marginTop: 7, marginRight: 10 }} />
|
|
<Box style={{ flex: 1 }}>
|
|
<Text style={{ fontSize: 14, color: '#6B7280', fontFamily: '微软雅黑', fontWeight: 'bold' }}>{it[0]}</Text>
|
|
<Text style={{ fontSize: 14, color: '#333333', fontFamily: '微软雅黑', marginTop: 1, lineHeight: 1.4 }}>{it[1]}</Text>
|
|
</Box>
|
|
</Box>
|
|
))}
|
|
</Box>
|
|
</Box>
|
|
|
|
{/* 中：类比箭头 */}
|
|
<Box style={{ width: 40, justifyContent: 'center', alignItems: 'center' }}>
|
|
<Text style={{ fontSize: 28, color: '#E19825', fontFamily: '微软雅黑', fontWeight: 'bold' }}>⟹</Text>
|
|
</Box>
|
|
|
|
{/* 右：振镜卡未来趋势 */}
|
|
<Box style={{ flex: 1, border: '2px solid #C42819', borderRadius: 12, background: '#FFFFFF', paddingTop: 16, paddingBottom: 16, paddingLeft: 20, paddingRight: 20, flexDirection: 'column' }}>
|
|
<Text style={{ fontSize: 18, fontWeight: 'bold', color: '#C42819', fontFamily: '宋体' }}>未来趋势 · 振镜卡</Text>
|
|
<Box style={{ flexDirection: 'column', marginTop: 12, gap: 2 }}>
|
|
{[
|
|
['现状', '振镜控制卡为当前主营业务'],
|
|
['驱动', '芯片算力持续增强、成本不断下降'],
|
|
['趋势', '必然与 PLC 融合（重演轴控卡规律）'],
|
|
].map((it, i) => (
|
|
<Box key={i} style={{ flexDirection: 'row', alignItems: 'flex-start' }}>
|
|
<Box style={{ width: 8, height: 8, borderRadius: 4, background: '#C42819', marginTop: 7, marginRight: 10 }} />
|
|
<Box style={{ flex: 1 }}>
|
|
<Text style={{ fontSize: 14, color: '#C42819', fontFamily: '微软雅黑', fontWeight: 'bold' }}>{it[0]}</Text>
|
|
<Text style={{ fontSize: 14, color: '#333333', fontFamily: '微软雅黑', marginTop: 1, lineHeight: 1.4 }}>{it[1]}</Text>
|
|
</Box>
|
|
</Box>
|
|
))}
|
|
</Box>
|
|
</Box>
|
|
</Box>
|
|
|
|
{/* 下半：战略结论 */}
|
|
<Box style={{ flex: 1, background: 'linear-gradient(180deg, #C42819 0%, #A81810 100%)', borderRadius: 14, marginTop: 18, paddingTop: 20, paddingBottom: 20, paddingLeft: 26, paddingRight: 26, flexDirection: 'column', justifyContent: 'center' }}>
|
|
<Box style={{ flexDirection: 'row', alignItems: 'center', gap: 10 }}>
|
|
<Box style={{ background: '#E19825', borderRadius: 6, paddingTop: 4, paddingBottom: 4, paddingLeft: 12, paddingRight: 12 }}>
|
|
<Text style={{ fontSize: 14, color: '#FFFFFF', fontFamily: '微软雅黑', fontWeight: 'bold' }}>战略意义</Text>
|
|
</Box>
|
|
<Text style={{ fontSize: 18, fontWeight: 'bold', color: '#FFFFFF', fontFamily: '宋体' }}>主动顺应历史规律，抢占标准制定先机</Text>
|
|
</Box>
|
|
|
|
<Box style={{ flexDirection: 'column', gap: 12, marginTop: 16 }}>
|
|
{[
|
|
['主动作为', '公司 EtherCAT 项目主动顺应这一历史规律，由我们主动推动振镜卡融入 PLC 生态这一历史进程。'],
|
|
['标准先机', '振镜控制尚未进入 PLCopen 标准——若我们主导振镜卡融入 PLC 生态，有望成为该领域的事实标准制定者。'],
|
|
['普惠行业', '以标准制定者身份，推动振镜控制技术普惠全行业、赋能所有用户。'],
|
|
].map((it, i) => (
|
|
<Box key={i} style={{ flexDirection: 'row', alignItems: 'flex-start' }}>
|
|
<Box style={{ width: 8, height: 8, borderRadius: 4, background: '#FFE79B', marginTop: 8, marginRight: 12 }} />
|
|
<Box style={{ flex: 1 }}>
|
|
<Text style={{ fontSize: 15, color: '#FFE79B', fontFamily: '微软雅黑', fontWeight: 'bold' }}>{it[0]}</Text>
|
|
<Text style={{ fontSize: 15, color: '#FFFFFF', fontFamily: '微软雅黑', marginTop: 2, lineHeight: 1.5 }}>{it[1]}</Text>
|
|
</Box>
|
|
</Box>
|
|
))}
|
|
</Box>
|
|
</Box>
|
|
|
|
</Box>
|
|
|
|
{/* D 区页脚装饰条 */}
|
|
<Box style={{ height: 16, flexDirection: 'row' }}>
|
|
<Box style={{ flex: 53, height: 9, background: '#C42819' }} />
|
|
<Box style={{ flex: 26, height: 9, background: '#EE5530' }} />
|
|
<Box style={{ flex: 21, height: 9, background: '#F26B40' }} />
|
|
</Box>
|
|
<Box style={{ position: 'absolute', bottom: 30, right: 70 }}>
|
|
<Text style={{ fontSize: 14, color: '#9CA3AF', fontFamily: '微软雅黑' }}>11 / 13</Text>
|
|
</Box>
|
|
|
|
</Slide>
|