sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

一体机放大效果开发

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

68
pages/resume-guide/resume-example.vue
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;
}
}

78
pages/resume-guide/resume-guide.vue
View File

@@ -105,54 +105,54 @@ const viewExampleResume = () => {
<style lang="scss" scoped>
.resume-guide-container {
padding: 32rpx;
padding: 48rpx;
background: #FFFFFF;
min-height: 100vh;
}
.page-header {
text-align: center;
margin-bottom: 28rpx;
padding: 12rpx 0;
margin-bottom: 42rpx;
padding: 18rpx 0;
.page-title {
font-size: 40rpx;
font-size: 60rpx;
font-weight: 600;
color: #1A1A1A;
margin-bottom: 16rpx;
margin-bottom: 24rpx;
}
.page-subtitle {
font-size: 28rpx;
font-size: 42rpx;
color: #666666;
}
}
.guide-section {
background: #FFFFFF;
border-radius: 12rpx;
padding: 32rpx 0;
margin-bottom: 24rpx;
border: 1rpx solid #F0F0F0;
border-radius: 18rpx;
padding: 48rpx 0;
margin-bottom: 36rpx;
border: 2rpx solid #F0F0F0;
}
.section-title {
font-size: 32rpx;
font-size: 48rpx;
font-weight: 600;
color: #1A1A1A;
margin-bottom: 24rpx;
padding-bottom: 16rpx;
border-bottom: 1rpx solid #F0F0F0;
padding-left: 20rpx;
margin-bottom: 36rpx;
padding-bottom: 24rpx;
border-bottom: 2rpx solid #F0F0F0;
padding-left: 30rpx;
}
.steps-list {
.step-card {
background: #FFFFFF;
// border-radius: 8rpx;
padding: 24rpx;
border-bottom: 1rpx solid #F0F0F0;
margin-bottom: 20rpx;
// border-radius: 12rpx;
padding: 36rpx;
border-bottom: 2rpx solid #F0F0F0;
margin-bottom: 30rpx;
&:last-child {
margin-bottom: 0;
@@ -161,27 +161,27 @@ const viewExampleResume = () => {
.step-header {
display: flex;
align-items: center;
margin-bottom: 12rpx;
margin-bottom: 18rpx;
.step-number {
font-size: 24rpx;
font-size: 36rpx;
font-weight: 600;
color: #1A1A1A;
margin-right: 16rpx;
margin-right: 24rpx;
background: #F5F5F5;
padding: 4rpx 12rpx;
border-radius: 4rpx;
padding: 6rpx 18rpx;
border-radius: 6rpx;
}
.step-title {
font-size: 28rpx;
font-size: 42rpx;
font-weight: 600;
color: #1A1A1A;
}
}
.step-desc {
font-size: 24rpx;
font-size: 36rpx;
color: #666666;
line-height: 1.4;
}
@@ -192,8 +192,8 @@ const viewExampleResume = () => {
.tip-item, .warning-item {
display: flex;
align-items: flex-start;
margin-bottom: 24rpx;
padding:0 20rpx;
margin-bottom: 36rpx;
padding:0 30rpx;
&:last-child {
margin-bottom: 0;
}
@@ -205,14 +205,14 @@ const viewExampleResume = () => {
flex: 1;
.tip-title, .warning-title {
font-size: 28rpx;
font-size: 42rpx;
font-weight: 600;
color: #1A1A1A;
margin-bottom: 8rpx;
margin-bottom: 12rpx;
}
.tip-desc, .warning-desc {
font-size: 24rpx;
font-size: 36rpx;
color: #666666;
line-height: 1.5;
}
@@ -220,17 +220,17 @@ const viewExampleResume = () => {
}
.action-buttons {
margin-top: 40rpx;
padding: 0 20rpx;
margin-top: 60rpx;
padding: 0 30rpx;
.primary-button, .secondary-button {
height: 88rpx;
border-radius: 8rpx;
height: 132rpx;
border-radius: 12rpx;
text-align: center;
line-height: 88rpx;
font-size: 30rpx;
line-height: 132rpx;
font-size: 45rpx;
font-weight: 500;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
}
.primary-button {
@@ -241,7 +241,7 @@ const viewExampleResume = () => {
.secondary-button {
background: #FFFFFF;
color: #1A1A1A;
border: 1rpx solid #D9D9D9;
border: 2rpx solid #D9D9D9;
}
}