fny-ugd-palace-uniapp/pages/signs/me/index.scss

.sign-page{
	min-height: 100vh;
	background-color: #fff;
	.image-inner{
		width: auto;
		height: auto;
	}
	
	
	.head-wrap{
		position: relative;
		font-size: 0;
		margin: 0 45rpx;
		border-radius: 20rpx;
		// filter: drop-shadow(0 0 2px #000);
		box-shadow: 0 0 8px 0 #dedede;
		margin-bottom: 0px;
	}
	.head-content{
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
		padding-top: 46rpx;
		padding-right: 40rpx;
		padding-left: 40rpx;
		padding-bottom: 27px;
	
		.avatar{
			width: 98rpx;
			height: 98rpx;
			border-radius: 50%;
			background-color: #dedede;
			box-shadow: 1px 1px 4px 0 #999;
		}
		
		.name{
			margin-left: 29rpx;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
		}
		
		.phone{
			margin-left: auto;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
		}
		
		.login-btn{
			border-radius: 25px;
			padding: 12rpx 46rpx;
			margin-left: auto;
			font-size: 32rpx;
			color: #444;
			background-color: #dedede;
			box-shadow: 1px 1px 4px 0 #999;
		}
	}
	.head-bg{
		position: absolute;
		z-index: 1;
		bottom: 0px;
		left: 0;
		right: 0;
		.image-inner{
			width: 100%;
		}
	}
	
	
	.views-wrap{
		padding-top: 29rpx;
	}
	
	
	.records-wrap{
		padding: 50rpx 0rpx 0;
	}
	.records-body{
		margin-top: 30rpx;
	}
	.box-head{
		margin-left: 45rpx ;
	}
	.record-item{
		display: flex;
		flex-direction: column;
		background: #F8F9FC;
		border-radius: 20rpx;
		border: 1px solid #efefef;
		box-shadow: 0px 0px 4px 0 rgba(144,144,144,.2);
		margin-left: 45rpx ;
		margin-right: 45rpx ;
		& + .record-item{
			margin-top: 20rpx;
		}
		.title-wrap{
			padding: 0 32rpx;
			display: flex;
			align-items: center;
			height: 76rpx;
			.name{
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
			}
			.status{
				margin-left: auto;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #79A9CE;
				
				&.waiting{
					color: #79A9CE;
				}
				
				&.end{
					color: #333333;
				}
				
				&.over{
					color: #999999;;
				}
			}
		}
		.divide{
			height: 1rpx;
			background: #DFE0E4;
			margin: 0 31rpx;
		}
		.content-wrap{
			padding: 16rpx 32rpx 20rpx;
			display: flex;
			flex-direction: column;
		}
		.row{
			display: flex;
			// margin-top: 23rpx;
			line-height: 1.8;
			.label{
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #999999;
			}
			.text{
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
			}
		}
	}
	
	.empty-wrap{
		padding-top: 40rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		.inner-img{
			width: 50vw;
		}
		.text{
			position: relative;
			top: -30rpx;
			color: #666;
		}
	}
}