uniProject/common/styles/global/pages.scss

/********** 这里放页面样式 **********/
/*** 登录页面***/
.phone-login-page{
	width:100%;height:100vh; background-color: #fff;
	.login-wrap-box{
		width:100%;height: 1283rpx;background-image: url("@/static/images/login/login-bj-img.png");@include ezy-no-repeat-cover(top);
	}
	.bjcx-head-box{width: 100%;text-align: center;margin-bottom: 100rpx;
	margin-top: calc(180rpx + var(--status-bar-height));display: inline-block;}
	.bjcx-logo-box{
		width:200rpx;height: 200rpx;background-image: url("@/static/images/login/login-logo.png");@include ezy-no-repeat-cover;
	}
	.bjcx-logo-title{font-size: 34rpx;color: #000;margin-top: 16rpx;}
	
	.login-input-box{
		display: flex;align-items: center;border-bottom: 1rpx solid #eee;margin:32rpx 56rpx;
		padding: 24rpx 0;
		.login-input{flex: 1;font-size: 32rpx;}
		.user-icon,.tel-icon{width:40rpx;height:40rpx;@include ezy-no-repeat-cover;margin-right: 32rpx;}
		.user-icon{background-image: url("@/static/images/login/login-tel-icon.png");}
		.tel-icon{background-image: url("@/static/images/login/login-lock-icon.png");}
		.close-btn,.login-eye{width:30rpx;height:30rpx;@include ezy-no-repeat-cover;border-radius: 50%;}
		.close-btn{background-image: url("@/static/images/login/login-close-icon.png");}
		.login-eye{background-image: url("@/static/images/login/login-eye-icon.png");}
		.login-eye + .close-btn{margin-left: 24rpx;}
	}
	.login-btn{margin:48rpx 56rpx;}
}

/*** 首页 ***/
.client-shouye-page{
	overflow: auto;height: 100vh;padding-bottom: 150rpx;
	.shouye-card-box{
		margin: 20rpx;border: 1rpx solid;border-radius: 6rpx;
	}
	// head
	.card-head-box{
		height: 70rpx;display: flex;align-items: center;padding: 0 6rpx 0 20rpx;
		.card-line-title {display: block;color: #fff;font-size: 30rpx;line-height: 1;}
		.card-line-title:before{content: ' ';width: 6rpx;height: 28rpx;background-color:#fff;
		margin-right: 12rpx;display: inline-block;vertical-align: middle;}
		.card-more{
			font-size: 24rpx;color: #fff;margin-left: auto;
			.more-num{border: 1rpx solid;border-radius: 50%;box-sizing:border-box;
			min-width: 26rpx;display: inline-flex;justify-content: center;margin-left:6rpx;
			span{font-size: 18rpx;}
			}
			.more-jt{
				width: 0;height: 0;display: inline-block;vertical-align: middle;
				border-right: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 6px solid #fff;
				margin-left: 8rpx;border-top: 5px solid transparent; 
			}
		}
	}
	
	// name
	.card-name-box{
		border-bottom: 1rpx dashed #ccc;margin: 0 10rpx 0 16rpx;padding: 16rpx 0;
		display: flex;justify-content: space-between;align-items: center;
		.card-name{
			font-size: 28rpx;display: flex;align-items: center;
			icon{width: 10rpx;height: 10rpx;border-radius: 10rpx;margin-right: 10rpx;}
		}
		.card-level{font-size: 26rpx;border: 1rpx solid;border-radius: 6rpx;padding: 2rpx 20rpx;}
	}
	// content
	.card-content-box{
		display: flex;display: flex;flex-wrap: wrap;padding: 20rpx 0;
		.card-content-item{
			display: flex;flex-direction: row;justify-content: center;align-items: center;margin: 10rpx 0;
			icon{width: 70rpx;height: 70rpx;@include ezy-no-repeat-cover;margin-right: 10rpx;}
			.card-time-icon{background-image: url("@/static/images/index/index-content-icon1.png");}
			.card-sum-icon{background-image: url("@/static/images/index/index-content-icon3.png");}
			.card-num-icon{background-image: url("@/static/images/index/index-content-icon4.png");}
			.card-pass-icon{background-image: url("@/static/images/index/index-content-icon2.png");}
			.content-text-box{
				min-width: 140rpx;
				text{font-size: 26rpx;color: #666;}
				view{font-size: 32rpx;color: #333;}
			}
		}
	}
	
	// bottom
	.card-bottom-box{
		border-top: 1rpx dashed #ccc;margin: 0 10rpx;
		.index-card-btn{width: 360rpx;height: 70rpx;line-height: 70rpx;margin:16rpx auto;font-size: 30rpx;}
	}
	
	// kaoshi
	.kaoshi-card-box{
		border-color:#3fd2a1;
		.card-head-box{background-color:#4fe1b0;}
		.card-level{color:#00a573;}
		.card-name{color:#1e9472;}
		.card-name icon{background-color:#1e9472;}
		.kaoshi-content-box .card-content-item{width: 50%;}
		.index-card-btn[type='default']{background-color: #4fe1b0;color: #fff;}
	}
	
	// lianxi
	.lianxi-card-box{
		border-color:#6186fb;
		.card-head-box{background-color:#6186fb;}
		.card-level{color:#4794ff;}
		.card-name{color:#4794ff;}
		.kaoshi-content-box{
			padding: 42rpx 0;
			.card-content-item{width: 33.33%;}
		} 
		.index-card-btn[type='default']{background-color: #6186fb;color: #fff;}
	}
	
	// kecheng
	.kecheng-card-box{
		border-color:#febb6a;
		.card-head-box{background-color:#febb6a;}
		.card-level{color:#ffba03;}
		.card-name{color:#ffba03;}
		.index-card-btn[type='default']{background-color: #febb6a;color: #fff;}
	}
}

/*** 考试页面***/
.phone-list-page{
	box-sizing: border-box;
	.phone-scroll-view {height: calc(100vh - 322rpx);}
	.client-kaoshi-scroll-view{height: calc(100vh - 212rpx);}
	.admin-list-box{
		.admin-list-item-box{border-bottom: 20rpx solid #f4f6fa;}
		.uni-list--border{display: none;}
	}
	
		// 列表区域
	.item-card-row {
		width: 100%;
		.ks-item-top {
			display: flex;justify-content: space-between;margin-bottom: 20rpx;
			.ks-name {font-size: 34rpx;color: #000;}
			.ks-zyLevelName {font-size: 26rpx;padding: 4rpx 24rpx;border-radius: 4px;border: 1px solid #3fd2a1;color:#3fd2a1;}
		}
		.ks-totalTm {font-size: 26rpx;color: #333;margin-bottom: 20rpx;line-height: 1;margin-left: 40rpx;}
		.phone-time-icon,.phone-cishu-icon,.phone-zongfen-icon,.phone-jigefen-icon{width: 24rpx;height: 24rpx;@include ezy-no-repeat-cover();
		vertical-align: middle;margin-right: 10rpx;}
		.phone-time-icon{background-image: url("@/static/images/common/time-icon.png");}
		.phone-cishu-icon{background-image: url("@/static/images/common/cishu-icon.png");}
		.phone-zongfen-icon{background-image: url("@/static/images/common/zongfen-icon.png");vertical-align: unset;}
		.phone-jigefen-icon{background-image: url("@/static/images/common/jigefen-icon.png");vertical-align: unset;}
		.ks-score-content{
			font-size: 26rpx;background-color: #f4f6fa;width: 500rpx;line-height: 1;border-radius: 8rpx;
			margin-bottom: 20rpx;display: flex;padding: 16rpx 30rpx;box-sizing: border-box;
			.ks-score {
				padding-right: 60rpx;
				text{color: #ff7023;}
			}
			.ks-okScore {
				text{color: #3fd2a1;}
			}
			.ks-getScore {
				text{color: #3fd2a1;}
			}
		}
		.item-view-btn {width:220rpx;font-size: 26rpx;background-color: #3fd2a1;}
	}
}
	
/*** 进入考试页面***/
.phone-kaoshi-page {
		height: 100vh;display: flex;flex-direction: column;background-color: #f4f6fa;position: relative;

		.kaoshi-page-title {
			height: 80rpx;line-height: 80rpx;background-color: #fff;margin-top: 20rpx;font-size: 26rpx;color: #333;
			display: flex;justify-content: space-between;padding: 0 24rpx;border-bottom: 1rpx solid #ebebeb;
			.title-types{font-size: 32rpx;color: #000;}
		}

		.kaoshi-shiti-content {padding: 24rpx 24rpx 0 24rpx;background-color: #fff;flex: 1;}

		.kaoshi-bottom-box {
			width: 100%;height: 100rpx;background-color: #f0f0f0;
			display: flex;align-items: center;justify-content: space-between;
			padding: 0 24rpx;box-sizing: border-box;
			.bj-btn{margin-left: unset;}
			.jx-btn,.save-btn{margin-right: unset;}
			.shiti-num-icon{
				width: 27px;height: 24px;vertical-align: middle;
				background-image: url("@/static/images/exam/shiti-num-icon.png");@include ezy-no-repeat-cover();
			}
			.active-num{color: #30c190;}
		}

		.ks-btn-prev {position: absolute;bottom: 130rpx;left:24rpx;}
		.ks-btn-next {position: absolute;bottom: 130rpx;right: 24rpx;}
	}

/*** 得分页面***/
.exam-score-dialog{
	width: 100%;height: 100vh;line-height:1.6;background-color: #fff;
	.score-content-box{box-sizing: border-box;padding:32rpx;
	    border: 1rpx solid #3fd2a1;margin: 30rpx;border-radius: 10rpx;}
	.score-content-name{color: #3fd2a1;font-size: 36rpx;margin-bottom:12rpx;}
	.score-content-text{color: #666;font-size: 32rpx;margin-bottom:4rpx;}
	.score-dialog-btn{width: 360rpx;margin: 100rpx auto 24rpx;font-size: 30rpx;}
}
	
/*** 课程学习 ***/
.kecheng-study-page{
	display: flex;height: 100vh;flex-direction: column;
	.phone-video-box{
		width:100%;height: 460rpx;
		.kecheng-video{height: 460rpx!important;}
		.prism-big-play-btn{display: none!important;}
	}
	.kc-info-box{width: 100%;box-sizing: border-box;padding: 24rpx 36rpx;border-bottom: 1rpx solid #ebebeb;
		display: flex;align-items: center;justify-content: space-between;color: #555;}
	.kecheng-mulu-box{
		width: 100%;box-sizing: border-box;padding: 0 36rpx;
		.collapse-item-icon,.kejian-item-icon{width: 36rpx;height: 36rpx;@include ezy-no-repeat-cover();}
		.my-collapse-item {
			border-bottom: 1rpx solid #ebebeb;padding: 32rpx 0;
			display: flex;align-items: center;justify-content: space-between;
			
			}
		.collapse-text{font-size: 30rpx;color: #333;}
		.collapse-item-icon{background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");flex-shrink: 0;margin-left: 10rpx;}
		.item-open .collapse-item-icon{transform: rotate(180deg);}
		
		.my-card-content {height: 0rpx;overflow: hidden;margin: 0 32rpx;}
		.content-open{
			display: block;height: auto;
			.content-open{margin: 0 16rpx;}
			.item-open{
				border:0;
				.collapse-text{color: #333;}
			}
		}
		
		.kejian-item{display: flex;align-items: center;padding: 16rpx;font-size: 28rpx;
		color: #666;border-radius: 4rpx;background-color: #f4f7ff;margin-bottom:20rpx;}
		.kejian-item-icon{background-image: url("@/static/images/common/play-icon.svg");flex-shrink: 0;margin-right: 8rpx;}
		.kejian-active{
			color: #3fd2a1;background-color: #3fd2a11a;
			.kejian-item-icon{background-image: url("@/static/images/common/play-icon-a.svg");}
		}
	}	
	.kecheng-content-box{flex: 1;overflow: auto;}
	.kecheng-jieshao-box{
		display: block;box-sizing: border-box;padding: 24rpx;font-size: 30rpx;color: #666;
		word-break: break-all;line-height: 1.6;
		img{max-width: 100%;margin: 0 auto;}
	}
}	

/*** 进入成绩 ***/
.phone-score-page{
	height: 100vh;display: flex;flex-direction: column;background-color: #f4f6fa;position: relative;
	.score-page-title{
		height: 80rpx;line-height: 80rpx;background-color: #fff;font-size: 26rpx;color: #333;
		display: flex;justify-content: space-between;padding: 0 24rpx;border-bottom: 10rpx solid #f4f6fa;
		.title-types{font-size: 32rpx;color: #000;}
		.user-score{color: #30c190;}
	}
	.score-shiti-content{
		padding: 24rpx 0 0;background-color: #fff;flex: 1;overflow: auto;
		.phone-danxuan-box,.phone-duoxuan-box,.phone-panduan-box,.phone-tiankong-box{height: auto;margin: 0 32rpx;}
		}
	.score-answer-box{
		background-color: #fff;border-top: 10rpx solid #f4f6fa;
		.score-line-title{margin-bottom: 0;}
	}
	
	// bottom
	.score-bottom-box{
		width: 100%;height: 100rpx;background-color: #f0f0f0;
		display: flex;align-items: center;justify-content: space-between;
		padding: 0 24rpx;box-sizing: border-box;
		.score-num-icon{
			width: 27px;height: 24px;vertical-align: middle;
			background-image: url("@/static/images/exam/shiti-num-icon.png");@include ezy-no-repeat-cover();
		}
		.active-num{color: #30c190;}
		.score-answer-btn{margin: 0;}
		.score-answer-btn + .score-answer-btn{margin-left:24rpx;}
		
	}
}

/*** 答题卡 ***/
.answer-card-popup{
	height: 100vh;
	.answer-card-content{
		display: flex;flex-wrap: wrap;box-sizing: border-box;padding: 20rpx 16rpx;
	}
	.paragraph-title{width: 100%;font-size: 30rpx;margin:0 0 10rpx 24rpx;}
	.paragraph-qa {
		width: 80rpx;height: 80rpx;line-height: 78rpx;margin: 20rpx 30rpx;border: 1rpx solid transparent;
		border-radius: 50%;text-align: center;overflow: hidden;
	}
	// 答题卡 答完样式
	.paragraph-qa-block-done {
		background-color: #cbcbcb;color: #fff;border: 1rpx solid transparent;
	}
	// 答题卡 未答完样式
	.paragraph-qa-block-init {
		background-color: #fff;color: #000;border: 1rpx solid #ccc;
	}
	// 答题卡 标记样式
	.paragraph-qa-block-mark {
		background-color: #3fd2a1;color: #fff;border: 1rpx solid #3fd2a1;
	}
}

/*** 答题解析***/
.phone-question-answer-box{
	font-size: 30rpx;color: #666;box-sizing: border-box;padding: 32rpx;
	line-height: 1.6;max-height: 60vh;overflow: auto;
	.phone-line-title{margin-bottom: 24rpx;}
	.btdf-row{
		margin-bottom: 10rpx;
		text{color: #3fd2a1;margin-right: 6rpx;}
	}
	.ndda-row{
		min-width: 50%;display: inline-block;margin-bottom: 10rpx;
		
		text{color: #ff6b67;}
	}
	.zqda-row{
		min-width: 50%;display: inline-block;margin-bottom: 10rpx;
		text{color: #3fd2a1;}
	}
}

/*** 家政页面***/
.jiazheng-search-box{
	width: 100%;box-sizing: border-box;padding: 20rpx 20rpx;position: relative;
	display: flex;justify-content: space-between;align-items: center;
	.jiazheng-search-right{display: flex;margin-left: auto;}
	.all-type-list{
		position: absolute;top: 80rpx;left: 0;right: 0;background-color: #fff;font-size: 30rpx;
		box-sizing: border-box;padding: 0 20rpx;
		.all-type-item{box-sizing: border-box;padding: 10rpx 0;position: relative;}
		.all-type-active{color: #3fd2a1;}
		.all-type-active::after{content: '';width: 30rpx;height: 30rpx;display: block;
		position: absolute;right: 20rpx;top:50%;transform: translateY(-50%);
		background-image: url("@/static/images/common/duihao-icon.svg");@include ezy-no-repeat-contain();
		}
	}
	.select-item-box{
		font-size: 30rpx;
		.select-jt-default,.select-jt-click{
			width: 16rpx;height: 16rpx;vertical-align: middle;margin-left: 10rpx;
			background-image: url("@/static/images/common/sanjiao-shixin-icon.svg");@include ezy-no-repeat-contain();
		}
		.select-jt-click{transform: rotate(180deg);}
	}
	
	.saixuan-item-box{
		margin-right: 42rpx;font-size: 26rpx;color: #000;
		text{vertical-align: middle;}
		.saixuan-jt-default,.saixuan-jt-click{
			width: 16rpx;height: 16rpx;vertical-align: middle;margin-left: 6rpx;@include ezy-no-repeat-cover();
			}
		.saixuan-jt-default{background-image: url("@/static/images/common/sanjiao-xia-icon.svg");}
		.saixuan-jt-click{
			background-image: url("@/static/images/common/sanjiao-shang-icon.svg");
		}
	}
	.saixuan-active text{color: #3fd2a1;}
	
	
	
	.uni-icons{display: flex;align-items:center;}
}	


/*** 我的页面***/
.client-my-page{
	background-color:#f8f9fd;height: 100vh;
	// head
	.my-head-box{
		width: 100%;height:372rpx;display: flex;align-items: center;box-sizing: border-box;padding: 52rpx 52rpx 0 52rpx;
		background-image: url("@/static/images/my/client-my-bj.png");@include ezy-no-repeat-cover();
	}
	.head-img-box,.head-icon-box{
		max-width: 160rpx;max-height: 200rpx;
		border: 1rpx solid #fff;margin-right: 32rpx;
	}
	.head-icon-box{width: 413rpx;height: 582rpx;background-image: url("@/static/images/my/client-default-icon.png");@include ezy-no-repeat-cover();}
	.head-content-box{
		font-size: 46rpx;color: #fff;
		.idcard-row-box{display: flex;align-items: center;margin-top: 24rpx;}
		.idcard-icon{width: 56rpx;height:56rpx;background-image: url("@/static/images/my/my-card-icon.png");@include ezy-no-repeat-cover();flex-shrink: 0;}
		.idcard-text{font-size: 36rpx;margin-left: 10rpx;}
	}
	
	// num
	.my-num-box{
		background-color: #fff;box-sizing: border-box;padding: 36rpx;border-radius: 8rpx;
		display: flex;justify-content: space-around;margin: 20rpx;
		.num-item-box{
			display: flex;flex-direction: column;align-items: center;position: relative;
			icon{width: 100rpx;height: 100rpx;@include ezy-no-repeat-cover();margin-bottom: 10rpx;}
			.ks-icon{background-image: url("@/static/images/my/my-ks-icon.png");}
			.lx-icon{background-image: url("@/static/images/my/my-lx-icon.png");}
			.kc-icon{background-image: url("@/static/images/my/my-kc-icon.png");}
			.my-num-badge{position: absolute;right: -8rpx;top: -12rpx;}
			.num-title{font-size: 28rpx;color: #333;}
		}
	}
	
	// list
	.my-list-box{
		width:700rpx;margin: 0 auto;background-color: #fff;border-radius: 8rpx;padding: 0 36rpx;
		.list-row{border-bottom: 2rpx solid #eee;color: #333;box-sizing: border-box;padding: 42rpx 0;
		display: flex;align-items: center;position: relative;}
		.list-row::after{
			content: '';width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;
			background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");
			position: absolute;right: 0;transform: rotate(270deg);
		}
		.list-row:last-child{border: 0;}
		.list-icon{width: 42rpx;height: 42rpx;@include ezy-no-repeat-cover;margin-right: 32rpx;}
		.user-icon{background-image: url("@/static/images/my/my-editor-icon.png");}
		.score-icon{background-image: url("@/static/images/my/my-score-icon.png");}
		.login-out-icon{background-image: url("@/static/images/my/login-out-icon.png");}
	}
}

/*** 个人信息页面 ***/
.my-info-page{
	background-color: #f8f9fd;height: 100vh;
	.user-img-box{
		display: flex;background-color: #fff;margin-bottom: 24rpx;
		padding: 16rpx;box-sizing: border-box;
		.uni-file-picker__container{justify-content: center;border: 0;}
		.file-picker__box-content{border: 0;border-width: 0 !important;;}
		.user-file-picker{
			.file-picker-image{max-height: 200rpx;max-width: 160rpx;}
		}
		.head-icon-box{width: 160rpx;height: 200rpx;margin: 0 auto;
		background-image: url("@/static/images/my/client-default-icon.png");@include ezy-no-repeat-cover();}
	}
	.info-btn{width: 360rpx;margin: 100rpx auto 24rpx;font-size: 30rpx;}
}

/*** 家政人员管理 ***/
.admin-jiazheng-page{
	height: 100vh;background-color: #f8f9fd;display: flex;flex-direction: column;
	.jz-content-box{flex: 1;overflow: auto;}
	.form-top-margin{margin-top: 20rpx;}
	.upload-img-box{background-color: #fff;padding: 20rpx 0;margin: 20rpx 0;}
	// 个人资料
	.xxdz-label-input{align-items: flex-start;}
	.form-textarea-box{width: 100%;height: 160rpx;padding: 10rpx;border: 1rpx solid #e5e5e5;border-radius: 4px;}
	.agree-section-box{
		background-color: #fff;padding: 30rpx;font-size: 28rpx;
		.phone-green-btn{font-size: 28rpx;margin: 20rpx 8rpx 36rpx;}
	}
}