/* 部分菜单图标 */ @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; } } } }