/* 部分菜单图标 */ @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-resume-icon:before { content: "\e900"; color: #808080; } .icon-evaluate-icon:before { content: "\e901"; color: #808080; } .icon-setting-icon:before { content: "\e902"; color: #808080; } .icon-delivery-icon:before { content: "\e903"; color: #808080; } .icon-interview-icon:before { content: "\e904"; color: #808080; } .icon-train-icon:before { content: "\e905"; color: #808080; } .mine { position: relative; .mine-bg { background-color: #2a82e4; height: 460rpx; } .mine-card-1 { position: absolute; top: 140rpx; z-index: 100; width: calc(100% - 32px); overflow: inherit; box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.2)!important; .mine-card-1-content { .user-info { display: flex; justify-content: space-between; .user-info-left { display: flex; justify-content: space-between; .user-info-left-avatar { text-align: center; .name { font-size: 34rpx; font-family: 'Microsoft YaHei'; color: #383838; font-weight: bold; } } .user-info-left-attribute { margin-left: 20rpx; .veterans, .train { font-size: 23rpx; font-family: 'Microsoft YaHei'; color: #383838; margin-bottom: 15rpx; line-height: 38rpx; .link { color: #2a82e4; } } } } .user-info-right { width: 300rpx; height: 300rpx; border-radius: 50%; background-color: #fff; position: absolute; right: 50rpx; top: -80rpx; z-index: 3000; display: flex; justify-content: center; align-items: center; .integral { width: 220rpx; height: 220rpx; background-color: #ffc300; border-radius: 50%; text-align: center; padding-top: 33rpx; view { &:first-child { color: #ff5733; font-size: 58rpx; font-weight: bold; font-family: 'Microsoft YaHei'; } &:nth-child(2) { font-size: 23rpx; color: #383838; font-family: 'Microsoft YaHei'; } &:last-child { display: inline-block; width: 120rpx; height: 40rpx; line-height: 40rpx; text-align: center; border-radius: 20rpx; background-color: #fff; font-size: 23rpx; color: #383838; font-family: 'Microsoft YaHei'; margin-top: 10rpx; } } } } } .user-integral { display: flex; justify-content: space-between; .user-integral-item { text-align: center; view { color: #383838; font-family: 'Microsoft YaHei'; font-size: 26rpx; &:last-child { font-size: 32rpx; font-weight: bold; margin-top: 20rpx; } text { font-size: 60rpx; font-weight: bold; margin-right: 5rpx; } } &:first-child { text { color: #2a82e4; } } &:nth-child(2) { text { color: #ff5733; } } &:last-child { text { color: #00baad; } } } } } } .grid-menu { margin-top: 180rpx!important; box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.2)!important; .grid-menu-icon { font-size: 64rpx; } .grid-text { font-size: 26rpx; margin-top: 16rpx; color: #808080; } } }