一体机放大效果开发
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user