65 lines
3.9 KiB
Plaintext
65 lines
3.9 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: 22, paddingBottom: 24, flexDirection: 'column' }}>
|
|
|
|
{/* 教育经历 */}
|
|
<Box style={{ flexDirection: 'row', alignItems: 'center', background: '#FBF7F2', border: '1px solid #E5E7EB', borderRadius: 12, paddingTop: 16, paddingBottom: 16, paddingLeft: 22, paddingRight: 22 }}>
|
|
<Box style={{ width: 88, background: '#C42819', borderRadius: 6, paddingTop: 6, paddingBottom: 6, justifyContent: 'center', alignItems: 'center', marginRight: 20 }}>
|
|
<Text style={{ fontSize: 16, fontWeight: 'bold', color: '#FFFFFF', fontFamily: '微软雅黑' }}>教育经历</Text>
|
|
</Box>
|
|
<Box style={{ flex: 1 }}>
|
|
<Text style={{ fontSize: 17, fontWeight: 'bold', color: '#171616', fontFamily: '微软雅黑' }}>2005.09 — 2009.07 · 湖南大学 · 应用物理学 · 本科</Text>
|
|
</Box>
|
|
</Box>
|
|
|
|
{/* 工作经历时间轴 */}
|
|
<Box style={{ flex: 1, flexDirection: 'column', justifyContent: 'center', marginTop: 14 }}>
|
|
<Text style={{ fontSize: 17, fontWeight: 'bold', color: '#C42819', fontFamily: '微软雅黑', marginBottom: 12 }}>工作经历</Text>
|
|
<Box style={{ flexDirection: 'column' }}>
|
|
{[
|
|
{ y: '2023.03 — 至今', c: '长沙八思量信息技术有限公司', p: '总工程师 · 湖南省激光控制系统工程中心副主任', hot: true },
|
|
{ y: '2015.03 — 2023.02', c: '株洲嘉成科技发展有限公司', p: '系统工程师（工程机械控制器）', hot: false },
|
|
{ y: '2012.10 — 2014.08', c: '东莞凯格精密机械有限公司', p: '电气工程师（EtherCAT 总线）', hot: false },
|
|
{ y: '2009.11 — 2012.09', c: '光韵达光电科技股份有限公司', p: '研发工程师（激光工艺）', hot: false },
|
|
].map((it, i) => (
|
|
<Box key={i} style={{ flexDirection: 'row', alignItems: 'stretch' }}>
|
|
<Box style={{ width: 170, paddingTop: 2, paddingBottom: 12, paddingRight: 16, alignItems: 'flex-end' }}>
|
|
<Text style={{ fontSize: 15, color: '#6B7280', fontFamily: '微软雅黑', textAlign: 'right' }}>{it.y}</Text>
|
|
</Box>
|
|
<Box style={{ width: 28, alignItems: 'center', position: 'relative' }}>
|
|
<Box style={{ width: 14, height: 14, borderRadius: 7, background: it.hot ? '#C42819' : '#F26B40', marginTop: 3, zIndex: 2 }} />
|
|
{i < 3 && <Box style={{ position: 'absolute', top: 17, width: 2, height: 44, background: '#E5E7EB' }} />}
|
|
</Box>
|
|
<Box style={{ flex: 1, paddingBottom: 12, paddingLeft: 14 }}>
|
|
<Text style={{ fontSize: 17, fontWeight: 'bold', color: it.hot ? '#C42819' : '#171616', fontFamily: '微软雅黑' }}>{it.c}</Text>
|
|
<Text style={{ fontSize: 14, color: '#6B7280', fontFamily: '微软雅黑', marginTop: 2 }}>{it.p}</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: '微软雅黑' }}>04 / 12</Text>
|
|
</Box>
|
|
|
|
</Slide>
|