调整荣誉奖项和经历模块的布局对齐方式

This commit is contained in:
2026-07-14 12:59:40 +08:00
parent 01cfc7ee6e
commit c6b9d11c25
+42 -12
View File
@@ -136,7 +136,6 @@
/* Honors */ /* Honors */
.honor-item { .honor-item {
display: flex; display: flex;
justify-content: space-between;
align-items: baseline; align-items: baseline;
margin-bottom: 2px; margin-bottom: 2px;
font-size: 13px; font-size: 13px;
@@ -145,25 +144,41 @@
.honor-content { .honor-content {
color: #222; color: #222;
flex: 1;
min-width: 0;
} }
.honor-date { .honor-name {
color: #888; color: #222;
white-space: nowrap; }
margin-left: 10px;
.honor-badge {
display: inline-block;
min-width: 52px;
text-align: right;
margin-left: 8px;
color: #222;
} }
.cert-link { .cert-link {
color: #4478DF; color: #4478DF;
text-decoration: none; text-decoration: none;
margin-left: 6px; margin-left: 8px;
font-size: 13px; font-size: 13px;
white-space: nowrap;
}
.honor-date {
color: #888;
white-space: nowrap;
margin-left: 12px;
min-width: 56px;
text-align: right;
} }
/* Experience */ /* Experience */
.exp-header { .exp-header {
display: flex; display: flex;
justify-content: space-between;
align-items: baseline; align-items: baseline;
margin-bottom: 1px; margin-bottom: 1px;
} }
@@ -172,12 +187,15 @@
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
color: #222; color: #222;
flex: 1;
min-width: 0;
} }
.exp-date { .exp-date {
font-size: 13px; font-size: 13px;
color: #888; color: #888;
white-space: nowrap; white-space: nowrap;
margin-left: 12px;
} }
.exp-sub { .exp-sub {
@@ -336,16 +354,18 @@
<div class="section-title">荣誉奖项</div> <div class="section-title">荣誉奖项</div>
<div class="honor-item"> <div class="honor-item">
<div class="honor-content"> <div class="honor-content">
"金山杯"华中地区高校第十八届程序设计邀请赛 三等奖 <span class="honor-name">"金山杯"华中地区高校第十八届程序设计邀请赛</span>
<a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca366d125.jpg" class="cert-link" target="_blank">证书</a> <span class="honor-badge">三等奖</span>
</div> </div>
<a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca366d125.jpg" class="cert-link" target="_blank">证书</a>
<div class="honor-date">2024-04</div> <div class="honor-date">2024-04</div>
</div> </div>
<div class="honor-item"> <div class="honor-item">
<div class="honor-content"> <div class="honor-content">
国际大学生程序设计竞赛(ICPC)湖北省赛 优秀奖 <span class="honor-name">国际大学生程序设计竞赛(ICPC)湖北省赛</span>
<a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca3666920.png" class="cert-link" target="_blank">证书</a> <span class="honor-badge">优秀奖</span>
</div> </div>
<a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca3666920.png" class="cert-link" target="_blank">证书</a>
<div class="honor-date">2024-06</div> <div class="honor-date">2024-06</div>
</div> </div>
</div> </div>
@@ -354,7 +374,17 @@
<div class="section"> <div class="section">
<div class="section-title">实习经历</div> <div class="section-title">实习经历</div>
<div class="exp-header"> <div class="exp-header">
<div class="exp-company">七牛云 | 上海七牛信息技术有限公司</div>
<div class="exp-date">2026-07 ~ 至今</div>
</div>
<div class="exp-sub">基础架构部</div>
<ul class="exp-items">
<li>工作内容待补充</li>
</ul>
<div class="exp-header" style="margin-top: 10px;">
<div class="exp-company">国家网络安全人才与创新基地 | 武汉金银湖实验室</div> <div class="exp-company">国家网络安全人才与创新基地 | 武汉金银湖实验室</div>
<a href="http://47.121.181.112:40027/i/2026/05/28/6a17cb367128b.jpg" class="cert-link" target="_blank">实习证明</a>
<div class="exp-date">2025-11 ~ 2026-03</div> <div class="exp-date">2025-11 ~ 2026-03</div>
</div> </div>
<div class="exp-sub">平台技术部 后端开发 | 华中科技大学-网络空间安全学院</div> <div class="exp-sub">平台技术部 后端开发 | 华中科技大学-网络空间安全学院</div>
@@ -374,7 +404,7 @@
<div class="proj-date">2026-05 ~ 至今</div> <div class="proj-date">2026-05 ~ 至今</div>
</div> </div>
<div class="proj-sub"> <div class="proj-sub">
<span>全栈开发 【七牛云 XEngineer 开源项目】</span> <span>全栈开发 【XEngineer 开源项目】</span>
<a href="https://gitee.com/hezhaohui123/gen2d" class="proj-link">https://gitee.com/hezhaohui123/gen2d</a> <a href="https://gitee.com/hezhaohui123/gen2d" class="proj-link">https://gitee.com/hezhaohui123/gen2d</a>
</div> </div>
<div class="proj-intro"> <div class="proj-intro">