veterans_H5/h5_web/pages/mine/mine.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-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;
		}
	}
}