bolinscreening-miniapp/pages/my/style.scss

.container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #f5f5f5;
	.header {
		position: relative;
		.bg {
			width: 100%;
			height: 250px;
			position: absolute;
			top: 0;
		}
		.user {
			position: absolute;
			top: 90px;
			left: 16px;
			@include FLEX(flex, row, flex-start, center);
			.avatar {
				width: 60px;
				height: 60px;
				border-radius: 50%;
				overflow: hidden;
				background: #f9f9f9;
				img {
					width: 100%;
					height: 100%;
				}
			}
			.name {
				@include FLEX(flex, column, flex-start, flex-start);
				@include FONT(#eaf8ff, 18px, 400);
				line-height: 25px;
				margin-left: 12px;
				span:nth-child(2) {
					font-size: 14px;
				}
			}
		}
		.set {
			@include WH(90px, 32px);
			position: absolute;
			top: 100px;
			right: 0;
			@include FLEX(flex, row, center, center);
			@include FONT(#ffffff, 12px, 400);
			border-radius: 50px 0px 0px 50px;
			background: #049fd4;
			.icon-shezhi {
				font-size: 14px;
				margin-right: 6px;
			}
		}
	}
	.patient {
		padding: 9px 12px;
		position: absolute;
		top: 180px;
		left: 16px;
		right: 16px;
		border-radius: 10px;
		background: #ffffff;
		.title {
			@include FONT(#333333, 14px, 500);
		}
		.null-box {
			min-height: 140px;
			@include FLEX(flex, column, center, center);
			@include FONT(#999999, 12px, 400);
			.icon-shoucang {
				@include FONT(#05a9e2, 60px, 400);
				margin-bottom: 4px;
			}
		}
		.user-list {
			padding: 12px 0;
			.cell-item {
				width: 100%;
				height: 44px;
				background: #f9f9f9;
				border-radius: 10px;
				padding: 11px 14px;
				box-sizing: border-box;
				@include FLEX(flex, row, space-between, center);
				margin-bottom: 12px;
				.name {
					@include FONT(#333333, 16px, 500);
				}
				.icon-shanchu {
					@include FONT(#cccccc, 16px, 400);
				}
			}
		}
		.add-box {
			@include FLEX(flex, row, flex-end, center);
			.add-btn {
				display: flex;
				@include FONT(#05a9e2, 12px, 400);
				.icon-shoucang {
					font-size: 16px;
					margin-right: 4px;
				}
			}
		}
	}
}