在线简历样式更改

pages/my/onlineResume.vue

@@ -42,7 +42,7 @@
 			<!-- 跨境电商工作经验 -->
 			<view class="switch-section">
 				<view class="switch-left">
-                    <view class="flex">
+                    <view class="flex justify-between">
                         <view class="switch-title">是否有跨境电商工作经验</view>
                         <view class="template-text">不同简历模版</view>
                     </view>
@@ -465,8 +465,8 @@
 		.user-info {
             color: rgba(102, 112, 122, 1);
             font-family: DM Sans;
-            font-size: 16px;
-            line-height: 16rpx;
+            font-size: 28rpx;
+            line-height: 44rpx;
             font-weight: 400;
             letter-spacing: 0%;
             text-align: center;
@@ -487,9 +487,9 @@
 				.contact-text {
                     color: rgba(116, 116, 116, 1);
                     font-family: DM Sans;
-                    font-size: 12px;
+                    font-size: 16rpx;
                     font-weight: 400;
-                    line-height: 10px;
+                    line-height: 20rpx;
                     letter-spacing: 0%;
                     text-align: center;
 				}
@@ -505,9 +505,9 @@
 			.status-text {
                 color: rgba(156, 164, 171, 1);
                 font-family: DM Sans;
-                font-size: 14px;
+                font-size: 24rpx;
                 font-weight: 400;
-                line-height: 16px;
+                line-height: 32rpx;
                 letter-spacing: 0%;
                 text-align: left;
 			}
@@ -540,32 +540,34 @@
 				flex: 1;
 				
 				.switch-title {
-					color: rgba(23, 23, 37, 1);
-					font-family: Inter;
-					font-size: 18px;
+					color: rgba(21, 22, 26, 1);
+					font-family: DM Sans;
+					font-size: 28rpx;
 					font-weight: 500;
-					line-height: 20px;
+					line-height: 52rpx;
 					letter-spacing: 0%;
 					text-align: left;
 					margin-bottom: 12rpx;
-                    margin-right: 40rpx;
 				}
 				
 				.template-text {
-					color: rgba(120, 130, 138, 1);
+					color: rgba(153, 153, 153, 1);
 					font-family: DM Sans;
-					font-size: 12px;
+					font-size: 20rpx;
 					font-weight: 400;
-					line-height: 16px;
+					line-height: 52rpx;
 					letter-spacing: 0%;
-					text-align: left;
-					margin-bottom: 8rpx;
+					text-align: right;
 				}
 				
 				.section-status {
-					font-size: 16px;
-					color: #007AFF;
-					font-weight: 500;
+					color: rgba(1, 107, 246, 1);
+					font-family: DM Sans;
+					font-size: 24rpx;
+					font-weight: 400;
+					line-height: 40rpx;
+					letter-spacing: 0%;
+					text-align: left;
 				}
 			}
 		}
@@ -588,9 +590,9 @@
 				.section-title {
                     color: rgba(23, 23, 37, 1);
                     font-family: Inter;
-                    font-size: 20px;
+                    font-size: 32rpx;
                     font-weight: 600;
-                    line-height: 24px;
+                    line-height: 48rpx;
                     letter-spacing: 0%;
                     text-align: left;
 				}
@@ -598,9 +600,9 @@
 				.template-text {
                     color: rgba(120, 130, 138, 1);
                     font-family: DM Sans;
-                    font-size: 12px;
+                    font-size: 24rpx;
                     font-weight: 400;
-                    line-height: 16px;
+                    line-height: 32rpx;
                     letter-spacing: 0%;
                     text-align: left;
 				}
@@ -786,9 +788,9 @@
 
                     .required-title {
                         font-family: DM Sans;
-                        font-size: 20px;
+                        font-size: 28rpx;
                         font-weight: 700;
-                        line-height: 26px;
+                        line-height: 52rpx;
                         letter-spacing: 0%;
                         text-align: left;
                         margin-right: 12rpx;
@@ -806,9 +808,9 @@
 				.section-desc {
                     color: rgba(1, 107, 246, 1);
                     font-family: DM Sans;
-                    font-size: 13px;
+                    font-size: 20rpx;
                     font-weight: 400;
-                    line-height: 22px;
+                    line-height: 44rpx;
                     letter-spacing: 0%;
                     text-align: left;
 				}
@@ -852,9 +854,9 @@
 						.job-title {
                             color: rgba(23, 23, 37, 1);
                             font-family: DM Sans;
-                            font-size: 32rpx;
+                            font-size: 28rpx;
                             font-weight: 400;
-                            line-height: 22px;
+                            line-height: 44rpx;
                             letter-spacing: 0%;
                             text-align: left;
                             margin-right: 12rpx;
@@ -863,9 +865,9 @@
 						.job-department {
                             color: rgba(120, 130, 138, 1);
                             font-family: DM Sans;
-                            font-size: 12px;
+                            font-size: 20rpx;
                             font-weight: 400;
-                            line-height: 22px;
+                            line-height: 44rpx;
                             letter-spacing: 0%;
                             text-align: left;
 						}
@@ -902,7 +904,7 @@
 						.job-description {
                             color: rgba(120, 130, 138, 1);
                             font-family: DM Sans;
-                            font-size: 20rpx;
+                            font-size: 16rpx;
                             font-weight: 400;
                             line-height: 24rpx;
                             letter-spacing: 0%;
@@ -921,7 +923,7 @@
 								padding: 6rpx;
                                 color: rgba(102, 102, 102, 1);
                                 font-family: DM Sans;
-                                font-size: 12px;
+                                font-size: 16rpx;
                                 font-weight: 400;
                                 letter-spacing: 0%;
                                 text-align: left;

pages/my/workExperience.vue

@@ -32,12 +32,12 @@
 						<text class="label-text">公司业务类型</text>
 					</view>
 					<view class="checkbox-container">
-					<u-checkbox-group 
-						@change="checkboxGroupChange"
-						:wrap="false"
-						shape="square"
-						active-color="#007AFF"
-					>
+						<u-checkbox-group 
+							@change="checkboxGroupChange"
+							:wrap="false"
+							shape="square"
+							active-color="#007AFF"
+						>
 							<u-checkbox 
 								v-for="(option, index) in businessTypeOptions" 
 								:key="index"
@@ -65,7 +65,7 @@
 					<view class="form-input" @click="selectEmploymentTime(index)">
 						<text v-if="resume.employmentTime">{{ resume.employmentTime }}</text>
 						<text v-else class="placeholder">{{ hasCrossBorderExperience ? '选择任职时间&离职时间' : '选择在职时间&离职时间' }}</text>
-						<u-icon name="calendar" color="#999" size="60"></u-icon>
+						<image src="../../static/images/index/Iconly_Light_Calendar.svg" style="width: 48rpx; height: 48rpx;" mode="aspectFit"></image>
 					</view>
 				</view>
 				
@@ -78,7 +78,7 @@
 					<view class="form-input" @click="selectDepartment(index)">
 						<text v-if="resume.department">{{ resume.department }}</text>
 						<text v-else class="placeholder">请选择部门</text>
-						<u-icon name="arrow-down" color="#999" size="42"></u-icon>
+						<u-icon name="arrow-down" color="#999" size="36"></u-icon>
 					</view>
 				</view>
 				
@@ -91,7 +91,7 @@
 					<view class="form-input" @click="selectPosition(index)">
 						<text v-if="resume.position">{{ resume.position }}</text>
 						<text v-else class="placeholder">请选择岗位</text>
-						<u-icon name="arrow-down" color="#999" size="42"></u-icon>
+						<u-icon name="arrow-down" color="#999" size="36"></u-icon>
 					</view>
 				</view>
 				
@@ -101,7 +101,7 @@
 					<view class="form-input" @click="selectPositionLevel(index)">
 						<text v-if="resume.positionLevel">{{ resume.positionLevel }}</text>
 						<text v-else class="placeholder">请选择职级</text>
-						<u-icon name="arrow-down" color="#999" size="42"></u-icon>
+						<u-icon name="arrow-down" color="#999" size="36"></u-icon>
 					</view>
 				</view>
 				
@@ -134,17 +134,17 @@
 					<view class="form-input" @click="selectWorkContent(index)">
 						<text v-if="resume.workContent">{{ resume.workContent }}</text>
 						<text v-else class="placeholder">选填,请输入</text>
-						<u-icon name="arrow-down" color="#999" size="42"></u-icon>
+						<u-icon name="arrow-down" color="#999" size="36"></u-icon>
 					</view>
 				</view>
-				
+				36
 				<!-- 工作业绩 -->
 				<view class="form-item">
 					<view class="form-label">工作业绩</view>
 					<view class="form-input" @click="selectWorkPerformance(index)">
 						<text v-if="resume.workPerformance">{{ resume.workPerformance }}</text>
 						<text v-else class="placeholder">选填,请输入</text>
-						<u-icon name="arrow-down" color="#999" size="42"></u-icon>
+						<u-icon name="arrow-down" color="#999" size="36"></u-icon>
 					</view>
 				</view>
 				
@@ -385,11 +385,12 @@ export default {
 	.section-title {
 		color: rgba(23, 23, 37, 1);
 		font-family: Inter;
-		font-size: 20px;
+		font-size: 32rpx;
 		font-weight: 600;
-		line-height: 24px;
+		line-height: 48rpx;
 		letter-spacing: 0%;
 		text-align: left;
+		padding: 16rpx 0 32rpx 0;
 	}
 }
 
@@ -441,21 +442,6 @@ export default {
 	}
 }
 
-.form-section {
-	margin-top: 40rpx;
-	
-	.section-title {
-		color: rgba(23, 23, 37, 1);
-		font-family: Inter;
-		font-size: 24px;
-		font-weight: 600;
-		line-height: 24px;
-		letter-spacing: 0%;
-		text-align: left;
-		margin-bottom: 40rpx;
-	}
-}
-
 .skills-input-container {
 	width: 100%;
 	min-height: 80rpx;
@@ -616,5 +602,15 @@ export default {
 		min-width: 0;
 		margin-right: 0;
 	}
+
+	/deep/ .u-checkbox__label {
+		color: var(--Grayscale/Grayscale 100, rgba(23, 23, 37, 1));
+		font-family: DM Sans;
+		font-size: 24rpx;
+		font-weight: 400;
+		line-height: 48rpx;
+		letter-spacing: 0%;
+		text-align: left;
+	}
 }
 </style>

static/images/index/Iconly_Light_Calendar.svg

@@ -0,0 +1,15 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none" customFrame="#000000">
+	<rect id="Iconly/Light/Calendar" width="24.000000" height="24.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
+	<g id="Calendar">
+		<path id="Line_200" d="M3.09277 9.40445L20.9167 9.40445" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_201" d="M16.442 13.3097L16.4512 13.3097" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_202" d="M12.0045 13.3097L12.0137 13.3097" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_203" d="M7.55818 13.3097L7.56744 13.3097" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_204" d="M16.442 17.1964L16.4512 17.1964" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_205" d="M12.0045 17.1964L12.0137 17.1964" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_206" d="M7.55818 17.1964L7.56744 17.1964" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_207" d="M16.0433 2L16.0433 5.29078" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Line_208" d="M7.96515 2L7.96515 5.29078" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+		<path id="Path" d="M7.77096 3.5791C4.83427 3.5791 3 5.21504 3 8.22213L3 17.2718C3 20.3261 4.83427 21.9999 7.77096 21.9999L16.229 21.9999C19.175 21.9999 21 20.3545 21 17.3474L21 8.22213C21.0092 5.21504 19.1842 3.5791 16.2383 3.5791L7.77096 3.5791Z" fill-rule="evenodd" stroke="rgb(23,23,37)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
+	</g>
+</svg>