MeetMateApp/pages/my/wishList.scss

page {
	background-color: #161616;
	width:750rpx;height:100vh;
}
.page {
	background-color: #161616;
}

.list_info {
	display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff;
	width:750rpx;
	
	.item {
		margin-top: 20rpx;color:#fff;font-size: 28rpx;
		display: flex;flex-direction: row;justify-content: center;align-items: center;
		width: 690rpx;height: 156rpx;
		background: #28292D;
		border-radius: 28rpx;
		.avator {
			width: 116rpx;height: 116rpx;margin-left:14rpx;
			background: #161616;
			border-radius: 28rpx;
			display: flex;flex-direction: row;justify-content: center;align-items: center;
			.icon {
				width:100rpx;height:100rpx;border-radius: 20rpx;
			}
		}
		.left {
			width:370rpx;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
			margin-left:20rpx;
			.name {
				font-size: 32rpx;margin-bottom:20rpx;
			}
			.jindu {
				display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
				.bord {
					width: 216rpx;height: 20rpx;margin-left:0rpx;
					background: #0F0F0F;
					border-radius: 24rpx;
					.active {
						width: 0%;height: 20rpx;
						background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
						border-radius: 24rpx;
					}
				}
				.tips {
					margin-left:20rpx;font-weight: 400;font-size: 24rpx;color: #FF3D83;
				}
			}
		}
		.right {
			width:190rpx;
			.btn_submit {
				width: 168rpx;height: 72rpx;
				background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
				border-radius: 28rpx 28rpx 28rpx 28rpx;
				display: flex;flex-direction: column;justify-content: center;align-items: center;
			}
			.state {
				width:168rpx;height: 72rpx;text-align: center;line-height: 72rpx;
			}
		}
	}
}
.blankHeight {
	height:300rpx;
}