veterans_H5/h5_web/pages/myResume/myResume.scss

/* 部分菜单图标 */
@font-face {
	font-family: 'icomoon';
	src:  url('../../static/icon-font/fonts/icomoon.eot?f82mqt');
	src:  url('../../static/icon-font/fonts/icomoon.eot?f82mqt#iefix') format('embedded-opentype'),
		url('../../static/icon-font/fonts/icomoon.ttf?f82mqt') format('truetype'),
		url('../../static/icon-font/fonts/icomoon.woff?f82mqt') format('woff'),
		url('../../static/icon-font/fonts/icomoon.svg?f82mqt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-phone-icon:before {
	content: "\e906";
	color: #999;
}
/* 我的简历 */
.resume {
	width: calc(100% - 92rpx);
	margin: 36rpx auto;
	
	/* 头像 */
	.resume-head {
		display: flex;
		.resume-head-left {
			margin-right: 32rpx;
		}
		.resume-head-right {
			view {
				color: #505050;
				font-size: 30rpx;
				font-family: 'Microsoft YaHei';
				&:first-child {
					font-size: 38rpx;
					color: #505050;
					font-weight: bold;
					margin-bottom: 16rpx;
				}
				&:last-child {
					font-size: 28rpx;
					margin-top: 5rpx;
				}
				text {
					color: #2a82e4;
				}
			}
		}
	}
	
	/* 基本信息 */
	.resume-base-info {
		margin-top: 54rpx;
		.resume-base-info-item {
			font-size: 32rpx;
			color: #666666;
			margin-top: 30rpx;
		}
		.resume-base-info-phone {
			margin-top: 18rpx;
			font-size: 30rpx;
			color: #505050;
		}
	}
	
	/* 求职意向 */
	.resume-job-intention {
		margin-top: 54rpx;
		.resume-job-intention-add {
			margin-top: 30rpx;
			.rjia-item {
				color: #666666;
				font-size: 32rpx;
				font-family: 'Microsoft YaHei';
				&:nth-child(2) {
					color: #2a82e4;
					text-align: center;
					margin-top: 30rpx;
				}
				&:last-child {
					font-size: 24rpx;
					color: #a6a6a6;
					margin-top: 10rpx;
					text-align: center;
				}
			}
		}
		.resume-job-intention-info {
			.rjii-box {
				display: flex;
				justify-content: space-between;
				margin-top: 30rpx;
				color: #666666;
				font-size: 32rpx;
				font-family: 'Microsoft YaHei';
				.rjii-left {
					line-height: 50rpx;
				}
				.rjii-right {
					color: #2a82e4;
					margin-top: 20rpx;
				}
			}
			.rjii-edit-btn {
				color: #2a82e4;
				text-align: center;
				margin-top: 30rpx;
				font-size: 32rpx;
				font-family: 'Microsoft YaHei';
			}
		}
	}
	
	/* 自我评价 */
	.resume-self-evaluation {
		margin-top: 54rpx;
		.resume-self-evaluation-add {
			margin-top: 30rpx;
			.rsea-item {
				color: #666666;
				font-size: 32rpx;
				font-family: 'Microsoft YaHei';
				&:nth-child(2) {
					color: #2a82e4;
					text-align: center;
					margin-top: 30rpx;
				}
				&:last-child {
					font-size: 24rpx;
					color: #a6a6a6;
					margin-top: 10rpx;
					text-align: center;
				}
			}
		}
		.resume-self-evaluation-info {
			.rsei-box {
				color: #666666;
				font-size: 32rpx;
				font-family: 'Microsoft YaHei';
				margin-top: 30rpx;
				line-height: 60rpx;
			}
			.rsei-edit-btn {
				color: #2a82e4;
				text-align: center;
				margin-top: 30rpx;
				font-size: 32rpx;
				font-family: 'Microsoft YaHei';
			}
		}
	}
	
	/* 工作经历 */
	.resume-work-experience {
		margin-top: 54rpx;
		.resume-work-experience-steps {
			margin-top: 30rpx;
		}
		.height-110 {
			height: 220rpx;
			overflow: hidden;
			transition: height 1s ease-in;
		}
		.height-auto {
			height: auto;
			transition: height 1s ease-out;
		}
		.resume-work-experience-btn {
			text-align: center;
			color: #2a82e4;
			font-size: 28rpx;
			padding: 30rpx 0;
		}
	}
	
	/* 培训与教育经历 */
	.resume-train-experience {
		margin-top: 54rpx;
		.resume-train-experience-steps {
			margin-top: 30rpx;
		}
		.height-110 {
			height: 260rpx;
			overflow: hidden;
			transition: height 1s ease-in;
		}
		.height-auto {
			height: auto;
			transition: height 1s ease-out;
		}
		.resume-train-experience-btn {
			text-align: center;
			color: #2a82e4;
			font-size: 28rpx;
			padding: 30rpx 0;
		}
	}
}
/* 标题 */
.title {
	border-left: solid 20rpx #2a82e4;
	padding-left: 20rpx;
	font-size: 32rpx;
	color: #505050;
	font-family: 'Microsoft YaHei';
	font-weight: bold;
}
/* 步骤条样式 */
@import '@/uview-ui/libs/css/style.components.scss';

$u-steps-item-number-width: 44rpx;
$u-steps-item-dot-width: 20rpx;

.u-steps {
	display: flex;
	flex-direction: column;
	
	.u-steps__item {
		flex: 1;
		text-align: center;
		position: relative;
		min-width: 100rpx;
		font-size: 26rpx;
		color: #8799a3;
		display: flex;
		justify-content: center;
		flex-direction: column;
		
		&--row {
			@include vue-flex;
			flex-direction: column;
			
			.u-steps__item__line {
				position: absolute;
				z-index: 0;
				left: 75%;
				width: 50%;
				
				&--dot {
					top: calc(#{$u-steps-item-dot-width} / 2);
				}
			}
		}
		
		&--column {
			@include vue-flex;
			flex-direction: row;
			justify-content: flex-start;
			min-height: 120rpx;
			
			.u-steps__item__line {
				position: absolute;
				z-index: 0;
				height: 90%;
				top: 15%;
				left: 10rpx;
				&--dot {
					left: calc(#{$u-steps-item-dot-width} / 2);
				}
				
				&--number {
					left: calc(#{$u-steps-item-number-width} / 2);
				}
			}
		}
	
		&__dot {
			width: $u-steps-item-dot-width;
			height: $u-steps-item-dot-width;
			@include vue-flex;
			border-radius: 50%;
			background-color: #2a82e4;
			margin-top: 10rpx;
		}
		
		&__text--row {
			margin-top: 14rpx;
		}
		
		&__text--column {
			margin-left: 14rpx;
		}
	}
	&-content {
		text-align: left;
		margin-left: 40rpx;
		margin-bottom: 60rpx;
		view {
			font-size: 28rpx;
			line-height: 40rpx;
			&:first-child {
				color: #666666;
				font-size: 32rpx;
				font-weight: bold;
				margin-bottom: 10rpx;
			}
			text {
				color: #ff5733;
			}
		}
	}
}