84 lines
4.7 KiB
Plaintext
84 lines
4.7 KiB
Plaintext
<Slide style={{ width: '1280px', height: '720px', background: '#FFFFFF', padding: '0px' }}>
|
||
|
||
{/* A 区留白 */}
|
||
<Box style={{ height: 40 }} />
|
||
|
||
{/* B 区标题块 */}
|
||
<Box style={{ height: 60, 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: '宋体' }}>引进前重要创新成果</Text>
|
||
</Box>
|
||
|
||
{/* C 区内容 */}
|
||
<Box style={{ flex: 1, paddingLeft: 70, paddingRight: 70, paddingTop: 18, paddingBottom: 24, flexDirection: 'row', gap: 18 }}>
|
||
|
||
{/* 左列 4 项 */}
|
||
<Box style={{ flex: 1, flexDirection: 'column', gap: 12 }}>
|
||
{[
|
||
['激光标记方法及装置(第一发明人)', '效率提升 54%–120%,已应用于大族激光'],
|
||
['多机器人视觉协同控制(主要发明人)', '攻克多机器人视觉引导与同步控制难题'],
|
||
['统一 M4 开发平台', '大幅缩短开发周期,解决项目碎片化痛点'],
|
||
['多机型机器人控制系统', '兼容码垛、焊接、搬运、Scara 等'],
|
||
].map((it, i) => (
|
||
<Box key={i} style={{ flex: 1, flexDirection: 'row', alignItems: 'center', background: '#FBF7F2', border: '1px solid #E5E7EB', borderRadius: 10, paddingTop: 10, paddingBottom: 10, paddingLeft: 14, paddingRight: 14 }}>
|
||
<Box style={{ width: 28, height: 28, borderRadius: 14, background: '#C42819', justifyContent: 'center', alignItems: 'center', marginRight: 12 }}>
|
||
<Text style={{ fontSize: 14, fontWeight: 'bold', color: '#FFFFFF', fontFamily: '微软雅黑' }}>{i + 1}</Text>
|
||
</Box>
|
||
<Box style={{ flex: 1 }}>
|
||
<Text style={{ fontSize: 14, fontWeight: 'bold', color: '#171616', fontFamily: '微软雅黑', lineHeight: 1.4 }}>{it[0]}</Text>
|
||
<Text style={{ fontSize: 12, color: '#6B7280', fontFamily: '微软雅黑', marginTop: 2, lineHeight: 1.4 }}>{it[1]}</Text>
|
||
</Box>
|
||
</Box>
|
||
))}
|
||
</Box>
|
||
|
||
{/* 中列 4 项 */}
|
||
<Box style={{ flex: 1, flexDirection: 'column', gap: 12 }}>
|
||
{[
|
||
['高速飞行打标控制卡', '位图二维码工艺领先,速度提升 30%'],
|
||
['LED 晶体测试控制卡国产化', '进口替代,单台节省成本 5000 元'],
|
||
['LPKF 激光切割系统改造', '红宝石改光纤,盘活千万级老旧设备'],
|
||
['20–30μm 激光钻孔工艺', '国内首家实现高质量、高一致性加工'],
|
||
].map((it, i) => (
|
||
<Box key={i} style={{ flex: 1, flexDirection: 'row', alignItems: 'center', background: '#FBF7F2', border: '1px solid #E5E7EB', borderRadius: 10, paddingTop: 10, paddingBottom: 10, paddingLeft: 14, paddingRight: 14 }}>
|
||
<Box style={{ width: 28, height: 28, borderRadius: 14, background: '#EE5530', justifyContent: 'center', alignItems: 'center', marginRight: 12 }}>
|
||
<Text style={{ fontSize: 14, fontWeight: 'bold', color: '#FFFFFF', fontFamily: '微软雅黑' }}>{i + 5}</Text>
|
||
</Box>
|
||
<Box style={{ flex: 1 }}>
|
||
<Text style={{ fontSize: 14, fontWeight: 'bold', color: '#171616', fontFamily: '微软雅黑', lineHeight: 1.4 }}>{it[0]}</Text>
|
||
<Text style={{ fontSize: 12, color: '#6B7280', fontFamily: '微软雅黑', marginTop: 2, lineHeight: 1.4 }}>{it[1]}</Text>
|
||
</Box>
|
||
</Box>
|
||
))}
|
||
</Box>
|
||
|
||
{/* 右列工艺实拍 */}
|
||
<Box style={{ width: 172, flexDirection: 'column', gap: 10 }}>
|
||
{[
|
||
['assets/pre_bitmap.jpg', '位图二维码工艺'],
|
||
['assets/pre_drilling.png', '28μm 激光钻孔'],
|
||
['assets/pre_conversion.png', '红宝石改光纤切割'],
|
||
].map((it, i) => (
|
||
<Box key={i} style={{ flex: 1, borderRadius: 10, overflow: 'hidden', border: '1px solid #E5E7EB', position: 'relative' }}>
|
||
<Image src={it[0]} style={{ width: '100%', height: '100%', objectFit: 'cover' }} />
|
||
<Box style={{ position: 'absolute', bottom: 0, left: 0, right: 0, background: 'rgba(23,22,22,0.72)', paddingTop: 4, paddingBottom: 4, paddingLeft: 10, paddingRight: 10 }}>
|
||
<Text style={{ fontSize: 11, color: '#FFFFFF', fontFamily: '微软雅黑' }}>{it[1]}</Text>
|
||
</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: '微软雅黑' }}>05 / 13</Text>
|
||
</Box>
|
||
|
||
</Slide>
|