MiniPrograms/subpkg/common/infopage.scss

.container {
		height: 600rpx;
		background: linear-gradient($color-pink, $page-background-color);

		.top-info {
			display: flex;
			align-items: center;
			margin-top: 10rpx;

			.top-avatar {
				margin-left: 50rpx;
				width: 140rpx;
				height: 140rpx;
				border-radius: 100%;
				border: 6rpx solid #FFF;
				box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.2);
			}

			.top-name {
				margin-left: 50rpx;
				display: flex;
				flex-direction: column;
				font-weight: bold;

				.name {
					color: $color-title;
					font-size: 45rpx;
					font-weight: bold;
				}

				.detail {
					color: #FFF;
					font-size: 32rpx;
					font-weight: bold;
				}
			}
		}
		//背景大卡片
		.card-box {
			position: relative;
			background-color: #FFF;
			top: 50rpx;
			left: 50rpx;
			border-radius: 50rpx;
			width: 750rpx;
			height: 100vh;

			.i-item {
				display: flex;
				align-items: center;
				margin-left: 35rpx;
			}
		}
		.title-box-name{
			margin: 10rpx 0 0 60rpx;
			font-size: 35rpx;
			font-weight: bold;
			color: $color-title;
		}

		.data-box-item {
			display: flex;
			flex-direction: column;
			margin: 20rpx;
			background-color: #FFF;
			border-radius: $card-border-radius;
			width: 280rpx;
			height: 280rpx;
			box-shadow: 0 6rpx 10rpx rgba(0, 0, 0, 0.1);

			.item-text {
				font-weight: bold;
				font-size: 30rpx;
				line-height: 30rpx;
				color: $color-title;
				margin-left: 15rpx;
			}

			.t-icon {
				width: 130rpx;
				height: 130rpx;
			}

			.item-number {
				font-size: 60rpx;
				margin: 20rpx 0 10rpx 30rpx;
				color: #FFF;
				font-weight: bold;
			}
		}
		.index{
			height: 30rpx;
			width: 10rpx;
			border-radius: 100rpx;
		}
		.flex{
			display: flex;
			align-items: center;
			margin: 20rpx;
		}

	}