crm-mobile/pages_crm/statistics/style.scss

.filter-tab {
	width: 100%;
	height: 76rpx;
	// box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
	background-color: white;
	margin-bottom: 10rpx;
	@include left;
	
	.line {
		width: 1rpx;
		height: 60%;
		margin: auto;
		background-color: #CBCBCB;
	}
	
	.filter-box {
		flex: 1;
		@include center;
		.icon {
			width: 0;
			height: 0;
			border-left: 10rpx solid transparent;
			border-right: 10rpx solid transparent;
			border-top: 10rpx solid $gray;
			margin-left: 10rpx;
		}
		.text {
			font-size: 24rpx;
		}
	}
}

.container {
	flex: 1;
	overflow: hidden;
	
	.statistics {
		width: 100%;
		background-color: white;
		padding: 0 32rpx;
		
		.row {
			position: relative;
			width: 100%;
			border-bottom: 1rpx solid #EBEEF1;
			@include center;
			&:last-child {
				border-bottom: 0 none;
			}
			
			.column {
				flex: 1;
				flex-direction: column;
				padding: 32rpx 0;
				@include center;
				.yellow {
					color: #FF7300;
				}
				.text {
					color: $dark;
					.number {
						font-size: 36rpx;
						font-weight: 500;
					}
					.unit {
						font-size: $wk-font-base;
						margin-left: 7rpx;
					}
				}
				.desc {
					font-size: $wk-font-base;
					color: $gray;
					margin-top: 10rpx;
				}
			}
			
			.line {
				position: absolute;
				width: 1rpx;
				height: 70%;
				background-color: #EBEEF1;
				margin: auto;
			}
		}
	}
	
	.section-item {
		width: 100%;
		background-color: white;
		border: 1rpx solid $border-color;
		padding: 20rpx 32rpx;
		margin-top: 10rpx;
		
		.section-title {
			width: 100%;
			@include left;
		
			.left {
				flex: 1;
		
				.icon {
					width: 40rpx;
					height: 40rpx;
					vertical-align: middle;
					margin-right: 10rpx;
				}
		
				.text {
					font-size: 28rpx;
					font-weight: bold;
					color: #212121;
					vertical-align: middle;
				}
			}
		}
	}
}