createQuestionnaire.scss 1.15 KB
.page{
	padding: 0 20rpx 20rpx;
	background-color: #f6f6f6;
	font-size: 24rpx;
	font-weight: 500;
	position: relative;
	.form-box {
		padding: 0 4%;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		margin-top: 20rpx;
		width: 100%;
	}
	.select-item {
		background-color: #FFFFFF;
		border-radius: 20rpx;
		margin-top: 20rpx;
		width: 100%;
		.top {
			padding: 22rpx 4%;
			.title {
				font-size: 30rpx;
				margin-bottom: 20rpx;
			}
			.radio-box {
				font-size: 24rpx;
				color: #7c7c7c;
			}
		}
		.bottom {
			padding: 20rpx 4%;
			display: flex;
			background-color: #EDFFF5;
			border: #0FBB59  solid 1rpx;
			border-radius: 0 0 20rpx 20rpx;
			.u-btn {
				width: 18%;
			}
			:first-child {
				margin-left: 0;
			}
			:last-child {
				margin-right: 0;
			}
		}
	}
	.page-footer{
		position: fixed;
		left: 0;
		bottom: 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 120rpx;
		background-color: #FFFFFF;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
		.u-btn {
			width: 30%;
		}
		.u-icon {
			margin-right: 10rpx;
		}
	}
}