MiniPrograms/pages/style/tab_pages.scss

	//头部背景
	.bg1 {
		display: flex;
		flex-direction: column;
		margin-top: -400rpx;
		// width: 1000rpx;
		height: 1200rpx;
		border-radius: 100rpx;
		border-bottom-right-radius: 0;
		background-color: $color-blue;
		z-index: 2;
	
		.scroll_view {
			white-space: nowrap;
			height: 400rpx;
			margin: 70rpx 0 50rpx 0;
	
			.view_box{
				margin: 0 50rpx;
				.scroll_view_item {
					position: relative;
					display: inline-block;
					vertical-align: top;
					margin: 0 50rpx 0 0rpx;
					width: 380rpx;
					height: 400rpx;
					border-radius: 30rpx;
					background-color: #FFF;
					
					.card_info {
						position: relative;
						display: flex;
						align-items: center;
						padding: 20rpx;
					
						.title {
							font-size: 30rpx;
							line-height: 40rpx;
							margin-left: 20rpx;
						}
					}
					
					.chart_box {
						width: 100%;
						height: 300rpx;
					}
				}
			}
		}
	}
	//课程表列
	.class_list {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 0 20rpx 20rpx 20rpx;

		.class_item {
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			margin: 10rpx 0;
			padding: 10rpx;
			height: 120rpx;
			border-radius: $border-radius;
			background: linear-gradient(135deg, #f3f4f9 21px, #FFF 22px, #FFF 24px, transparent 24px, transparent 67px, #FFF 67px, #FFF 69px, transparent 69px), linear-gradient(225deg, #f3f4f9 21px, #FFF 22px, #FFF 24px, transparent 24px, transparent 67px, #FFF 67px, #FFF 69px, transparent 69px)0 64px;
			background-color: $page-color;
			background-size: 64px 128px;

			&_title {
				font-size: 32rpx;
				font-weight: bold;
				color: $title;
			}

			&_subtitle {
				font-size: 30rpx;
				font-weight: bold;
				color: $subtitle; 
				overflow: hidden;    
				text-overflow:ellipsis;    
				white-space: nowrap;
			}

			&_detail {
				margin-left: 40rpx;
				line-height: 30rpx;
				font-size: 26rpx;
				font-weight: bold;
				color: $subtitle;
			}
		}
	}
	//统计卡片
	.total_card{
		display: flex;
		justify-content: space-around;
		margin: 2% 0;
		width: 100%;
		height: 220rpx;
		background-color: $color-pink;
		border-radius: $border-radius;
	}
	// 卡片图片
	.image {
		position: relative;
		top: -40rpx;
		right: -40rpx;
		height: 300rpx;
		width: 300rpx;
		background-size: cover;
		background-repeat: no-repeat;
		z-index: 2;
	}
	// 卡片字体
	._title{
		font-size: 48rpx;
		font-weight: bold;
		color: #FFF;
	}
	._subtitle{
		font-size: 32rpx;
		color: #FFF;
	}
	._unit{
		margin-left: 20rpx;
		font-size: 26rpx;
		opacity: 0.7;
		color: #FFF;
	}
	.scroll_view_bottom{
		white-space: nowrap;
		height: 400rpx;
		._item{
			margin: 0 20rpx;
			display: inline-block;
			vertical-align: top;
			background-color: #FFF;
			border-radius: $border-radius;
			height: 350rpx;
			width: 300rpx;
			overflow: hidden;
			z-index: 55;
			.image_box{
				height: 220rpx;
				width: 100%;
				border-radius: $border-radius;
				background-size: cover; //背景图片自适应
				background-repeat: no-repeat;
				z-index: 50;
			}
		}
	}