XEH-miniProgram/pages/self/wallet/index.scss

.header-panel{
	height: 215.66rpx;
	background: #ffd102;
	overflow: hidden;
	.avatar{
		float: left;
		width: 109.89rpx;
		height: 109.89rpx;
		border-radius: 50%;
		margin: 27.47rpx 27.47rpx 0 41.21rpx;
	}
	.name{
		font-size: 32.97rpx;
		color: #060606;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 38.46rpx 0 6.87rpx;
	}
	.desc{
		font-size: 27.47rpx;
		color: #333;
	}
}
.total-panel{
	width: 686.81rpx;
	height: 219.78rpx;
	border-radius: 16.48rpx 16.48rpx 0 0;
	background: #fff;
	margin: -54.95rpx auto 0;
	display: flex;
	.col{
		flex: 1;
		color: #333;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		&+.col::before{
			content: '';
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 1rpx;
			height: 137.36rpx;
			background: #e0e0e0;
		}
		.money{
			font-size: 49.45rpx;
		}
		.label{
			font-size: 27.47rpx;
			margin-top: 27.47rpx;
		}
	}
}
.nav-panel{
	background: #fff;
	width: 686.81rpx;
	margin: 48.08rpx auto 0;
	.item{
		height: 96.15rpx;
		display: flex;
		align-items: center;
		padding: 0 27.47rpx;
		border-top: 1rpx solid #e0e0e0;
		&:first-child{
			border: none;
		}
	}
	.icon{
		width: 43.96rpx;
		height: 43.96rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 13.74rpx;
		&-img{
			width: 38.46rpx;
			height: 38.46rpx;
			&-1{
				width: 43.96rpx;
				height: 43.96rpx;
			}
		}
	}
	.label{
		flex: 1;
		font-size: 27.47rpx;
		color: #333;
	}
	.arrow{
		width: 34.34rpx;
		height: 34.34rpx;;
	}
}
.foot-panel{
	position: fixed;
	left: 50%;
	bottom: 41.21rpx;
	white-space: nowrap;
	transform: translateX(-50%);
	font-size: 21.98rpx;
	color: #999;
	text-align: center;
	.link{
		display: block;
		color: #0384D6;
	}
}