wonder/resume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 央国企简历页头新增证件照并重排联系信息

Browse Source 
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
wonder
2026-09-27 22:25:38 +08:00
parent dbb61c0ce7
commit 553a03a2fa
3 changed files with 40 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
img/photo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 743 KiB

soe/index.html
+22 -17
View File
@@ -10,27 +10,32 @@
<div class="page">
<!-- Header -->
<div class="header">
<div class="name">何朝晖</div>
<div class="contact-info">
<div class="contact-line">
<div class="contact-item">
<svg class="svg-icon" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
15671623703
<div class="header-main">
<div class="name">何朝晖</div>
<div class="contact-info">
<div class="contact-line">
<div class="contact-item">
<svg class="svg-icon" viewBox="0 0 24 24"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg>
后端开发工程师
</div>
<div class="contact-item">
<svg class="svg-icon" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
共青团员
</div>
</div>
<div class="contact-item">
<svg class="svg-icon" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
hezhaohui0807@163.com
</div>
<div class="contact-item">
<svg class="svg-icon" viewBox="0 0 24 24"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg>
后端开发工程师
</div>
<div class="contact-item">
<svg class="svg-icon" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
共青团员
<div class="contact-line">
<div class="contact-item">
<svg class="svg-icon" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
15671623703
</div>
<div class="contact-item">
<svg class="svg-icon" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
hezhaohui0807@163.com
</div>
</div>
</div>
</div>
<img class="id-photo" src="../img/photo.png" alt="证件照">
</div>
<!-- 教育经历 -->
soe/resume.css
+18
View File
@@ -23,6 +23,24 @@ body {
/* Header */
.header {
margin-bottom: 8px;
position: relative;
/* 为右侧证件照预留宽度 */
padding-right: 102px;
}
.header-main {
min-width: 0;
}
.id-photo {
position: absolute;
top: 0;
right: 0;
width: 78px;
height: 100%;
object-fit: cover;
object-position: center top;
border: 1px solid #e2e2e2;
}
.name {