一体机放大效果开发

This commit is contained in:
冯辉
2026-03-12 17:10:34 +08:00
parent 0c63175816
commit e7ef23ad5d
83 changed files with 3034 additions and 2899 deletions

View File

@@ -370,7 +370,7 @@ const resumeData = computed(() => {
<style lang="scss" scoped>
.resume-example-container {
padding: 32rpx;
padding: 48rpx;
background: #FFFFFF;
min-height: 100vh;
}
@@ -378,14 +378,14 @@ const resumeData = computed(() => {
.job-selector {
display: flex;
flex-wrap: wrap;
gap: 16rpx;
margin-bottom: 32rpx;
gap: 24rpx;
margin-bottom: 48rpx;
.job-option {
padding: 16rpx 24rpx;
padding: 24rpx 36rpx;
background: #F5F5F5;
border-radius: 6rpx;
font-size: 26rpx;
border-radius: 9rpx;
font-size: 39rpx;
color: #666666;
cursor: pointer;
@@ -398,45 +398,45 @@ const resumeData = computed(() => {
.resume-content {
background: #FFFFFF;
border-radius: 8rpx;
padding: 32rpx;
border: 1rpx solid #F0F0F0;
border-radius: 12rpx;
padding: 48rpx;
border: 2rpx solid #F0F0F0;
}
.resume-header {
text-align: center;
margin-bottom: 32rpx;
padding-bottom: 24rpx;
border-bottom: 1rpx solid #F0F0F0;
margin-bottom: 48rpx;
padding-bottom: 36rpx;
border-bottom: 2rpx solid #F0F0F0;
.name {
font-size: 40rpx;
font-size: 60rpx;
font-weight: 600;
color: #1A1A1A;
margin-bottom: 16rpx;
margin-bottom: 24rpx;
}
.contact-info {
font-size: 26rpx;
font-size: 39rpx;
color: #666666;
line-height: 1.6;
}
}
.resume-section {
margin-bottom: 32rpx;
margin-bottom: 48rpx;
&:last-child {
margin-bottom: 0;
}
.section-title {
font-size: 32rpx;
font-size: 48rpx;
font-weight: 600;
color: #1A1A1A;
margin-bottom: 20rpx;
padding-bottom: 12rpx;
border-bottom: 1rpx solid #F0F0F0;
margin-bottom: 30rpx;
padding-bottom: 18rpx;
border-bottom: 2rpx solid #F0F0F0;
}
.section-content {
@@ -445,7 +445,7 @@ const resumeData = computed(() => {
}
.education-item, .experience-item, .project-item {
margin-bottom: 24rpx;
margin-bottom: 36rpx;
&:last-child {
margin-bottom: 0;
@@ -455,41 +455,41 @@ const resumeData = computed(() => {
.edu-header, .exp-header, .project-header {
display: flex;
justify-content: space-between;
margin-bottom: 8rpx;
margin-bottom: 12rpx;
.school, .company, .project-name {
font-size: 28rpx;
font-size: 42rpx;
font-weight: 600;
color: #1A1A1A;
}
.date {
font-size: 24rpx;
font-size: 36rpx;
color: #666666;
}
}
.degree, .position, .project-role {
font-size: 26rpx;
font-size: 39rpx;
color: #1A1A1A;
margin-bottom: 8rpx;
margin-bottom: 12rpx;
font-weight: 500;
}
.desc, .project-desc {
font-size: 24rpx;
font-size: 36rpx;
color: #666666;
line-height: 1.5;
}
.responsibilities, .achievements {
margin-top: 8rpx;
margin-top: 12rpx;
.resp-item, .achievement-item {
font-size: 24rpx;
font-size: 36rpx;
color: #666666;
line-height: 1.6;
margin-bottom: 6rpx;
margin-bottom: 9rpx;
&:last-child {
margin-bottom: 0;
@@ -500,13 +500,13 @@ const resumeData = computed(() => {
.skills-grid {
display: flex;
flex-wrap: wrap;
gap: 16rpx;
gap: 24rpx;
.skill-tag {
padding: 12rpx 20rpx;
padding: 18rpx 30rpx;
background: #F5F5F5;
border-radius: 4rpx;
font-size: 22rpx;
border-radius: 6rpx;
font-size: 33rpx;
color: #1A1A1A;
}
}