岛样式修改

common/styles/global/pages.scss

@@ -627,22 +627,23 @@
 .ezy-cjdc-study-page{
 	background-color: #00aeee;@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/study/cjdc/study-cjdc-bj.png");
 	.ezy-study-wrap{
-		width:750rpx;height:1250rpx;position: absolute;top:calc(var(--status-bar-height) + 2%);
+		width:750rpx;height:1154rpx;position: absolute;top:calc(var(--status-bar-height) + 1%);
 		background-image: url("@/static/images/study/cjdc/study-wrap-bj.png");}
-	.animal-img{right: 60rpx;top: 280rpx;}
-	
-	
-	
-	.chapter-title-box{
-		width: 120rpx;height: 60rpx;line-height: 60rpx;text-align: center;font-weight: 800;color: #66ffff;font-size: 28rpx;
-		position: absolute;top:175rpx;left:25rpx;box-sizing: content-box;padding: 10rpx 54rpx 175rpx 250rpx;
-	}
+	.animal-img{right: 55rpx;top: 255rpx;}
+	.study-book-img{width: 114rpx;height: 148rpx;position: absolute;top: 130rpx;right:178rpx;}
+	.chapter-title-box,.chapter-big-title-box,.chapter-last-title-box{
+		height: 40rpx;line-height: 40rpx;text-align: center;;color: #fff;font-size: 24rpx;
+		position: absolute;top:295rpx;@include ezy-no-repeat-cover;@include single-line-ellipsis;
+	}
+	.chapter-title-box{width: 137rpx;right:160rpx;background-image: url("@/static/images/study/cjdc/chapter-title-bj1.png");}
+	.chapter-big-title-box,.chapter-last-title-box{width: 206rpx;right:135rpx;background-image: url("@/static/images/study/cjdc/chapter-title-bj2.png");}
+	.chapter-last-title-box{font-size: 18rpx;}
 	// brand-content
 	.brand-content{width: 225rpx;height: 48rpx;line-height: 48rpx;color: #fff;margin: 0 auto;
 	text-align: center;@include single-line-ellipsis;font-size: 18rpx;box-sizing: border-box;padding: 0 4rpx;}
 	.brand-lock,.brand-finish-icon{
 		width: 70rpx;height: 70rpx;@include ezy-no-repeat-cover;
-		position: absolute;transform: translateX(-50%);top: -125rpx;right: 58rpx;}
+		position: absolute;transform: translateX(-50%);top: -102rpx;right: 40rpx;}
 	.brand-lock{background-image: url("@/static/images/study/lock-bj.png");display: flex;justify-content: center;}
 	.brand-lock::before{
 		content: '';width: 38rpx;height: 45rpx;display: block;@include ezy-no-repeat-cover;
@@ -650,7 +651,7 @@
 	}
 	.brand-finish-icon{background-image: url("@/static/images/study/dao-finish-icon.png");}
 	.brand-arrow{
-		width: 58rpx;height: 58rpx;left: 38%;top: -58%;position: absolute;
+		width: 58rpx;height: 58rpx;left: 38%;top: -85%;position: absolute;
 		@include ezy-no-repeat-cover;background-image: url("@/static/images/study/brand-arrow.gif");
 		}
 	// brand-item 
@@ -660,73 +661,65 @@
 		}
 	.brand-active{background-image: url("@/static/images/study/cjdc/dao-item-active.png");}
 	
-	.brand-item:nth-child(1){top:700rpx;right:24rpx;}
-	.brand-item:nth-child(2){top:850rpx;left:70rpx;}
-	.brand-item:nth-child(3){
-		top:1024rpx;right:56rpx;
-		.brand-lock,.brand-finish-icon{top: -135rpx;right: 60rpx;}
-		}
-	.brand-item:nth-child(4){top:1180rpx;left:52rpx;}
+	.brand-item:nth-child(1){top:650rpx;right:42rpx;}
+	.brand-item:nth-child(2){top:780rpx;left:86rpx;}
+	.brand-item:nth-child(3){top:960rpx;right:70rpx;}
+	.brand-item:nth-child(4){top:1100rpx;left:68rpx;}
 	.brand-item.ceshi-brand-item{
-		width: 394rpx;height: 288rpx;top:1280rpx;
-		left: unset;right:-10rpx;@include ezy-no-repeat-cover;
-		background-image: url("@/static/images/study/yingyu/test-item-disabled.png");
+		width: 281rpx;height: 281rpx;top:1100rpx;
+		left: unset;right:45rpx;@include ezy-no-repeat-cover;
+		background-image: url("@/static/images/study/cjdc/test-item-disabled.png");
 		.brand-content{display: none;}
-		.brand-lock,.brand-finish-icon{top: 150rpx;right: 170rpx;}
-		.brand-arrow{left: 32%;top: 14%;}
+		.brand-lock,.brand-finish-icon{top: 170rpx;right: 70rpx;}
+		.brand-arrow{left: 38%;top: 14%;}
 	}
-	.brand-item.ceshi-brand-item.brand-active{background-image: url("@/static/images/study/yingyu/test-item-active.png");}
+	.brand-item.ceshi-brand-item.brand-active{background-image: url("@/static/images/study/cjdc/test-item-active.png");}
 	
 	@media (max-height: 800px) {
-		// 0.9
 		min-height:1400rpx;
-		.animal-img{left: 260rpx;top: 390rpx;}
-		.chapter-title-box{width: 120rpx;height: 48rpx;line-height: 52rpx;top:162rpx;left:26rpx;padding: 10rpx 42rpx 170rpx 220rpx;}
-		.ezy-study-wrap{width: 687rpx;height: 1250rpx;left:50%;top:calc(var(--status-bar-height) + -4%);transform: translateX(-50%);}
-		.brand-lock,.brand-finish-icon{top: -120rpx;right: 60rpx;}
-		.brand-item:nth-child(1){top:685rpx;right:30rpx;}
-		.brand-item:nth-child(2){top:830rpx;left:42rpx;}
-		.brand-item:nth-child(3){
-			top:1000rpx;right:60rpx;
-			.brand-lock,.brand-finish-icon{top: -122rpx;right: 62rpx;}
-			}
-		.brand-item:nth-child(4){top:1180rpx;left:42rpx;}
+		.ezy-study-wrap{top:calc(var(--status-bar-height) + -2%);}
 		.brand-item.ceshi-brand-item{
-			width: 337rpx;height: 246rpx;top:1140rpx;left: unset;right:-40rpx;
-			.brand-lock,.brand-finish-icon{top: 125rpx;right: 130rpx;}
+			width: 263rpx;height: 263rpx;top:1080rpx;
+			.brand-lock,.brand-finish-icon{top: 160rpx;right: 65rpx;}
 		}
 	}
 	@media (max-height: 750px) {
-		.ezy-study-wrap{top:calc(var(--status-bar-height) + -7%);}
-		.brand-item.ceshi-brand-item{top:1110rpx;}
+		//0.9
+		.ezy-study-wrap{width:600rpx;height:924rpx;top:var(--status-bar-height);left:50%;transform: translateX(-50%);}
+		.animal-img{right: 35rpx;top: 190rpx;}
+		.study-book-img{width: 92rpx;height: 119rpx;top: 100rpx;right:142rpx;}
+		.chapter-title-box,.chapter-big-title-box,.chapter-last-title-box{
+			top:230rpx;
+		}
+		.chapter-title-box{right:120rpx;}
+		.chapter-big-title-box,.chapter-last-title-box{right:90rpx;}
+		.brand-lock,.brand-finish-icon{width: 55rpx;height: 55rpx;top: -95rpx;right: 54rpx;}
+		.brand-lock::before{width: 30rpx;height: 36rpx;margin-top: 6rpx;}
+		.brand-arrow{width: 46rpx;height: 46rpx;left: 41%;top: -85%;}
+		.brand-item:nth-child(1){top:530rpx;right:13rpx;}
+		.brand-item:nth-child(2){top:630rpx;left:46rpx;}
+		.brand-item:nth-child(3){top:775rpx;right:35rpx;}
+		.brand-item:nth-child(4){top:890rpx;left:30rpx;}
+		.brand-item.ceshi-brand-item{width: 240rpx;height: 240rpx;top:880rpx;right:40rpx;}
 	}
 	@media (max-height: 700px) {
+		//0.88
 		min-height:1300rpx;
-		.animal-img{left: 240rpx;top: 340rpx;}
-		.chapter-title-box{width: 100rpx;height: 40rpx;line-height: 40rpx;top:145rpx;left:22rpx;font-size: 24rpx;padding: 10rpx 24rpx 170rpx 196rpx;}
-		.ezy-study-wrap{width: 600rpx;height: 1092rpx;top:calc(var(--status-bar-height) + -7%);}
-		.brand-lock,.brand-finish-icon{top: -120rpx;right: 60rpx;}
-		.brand-item:nth-child(1){top:610rpx;right:10rpx;}
-		.brand-item:nth-child(2){top:730rpx;left:22rpx;}
-		.brand-item:nth-child(3){
-			top:885rpx;right:38rpx;
-			.brand-lock,.brand-finish-icon{top: -128rpx;right: 62rpx;}
-			}
-		.brand-item:nth-child(4){top:1040rpx;left:20rpx;}
+		.ezy-study-wrap{top:calc(var(--status-bar-height) + -2%);}
 		.brand-item.ceshi-brand-item{
-			width: 315rpx;height: 231rpx;top:1020rpx;left: unset;right:-40rpx;
-			.brand-lock,.brand-finish-icon{top: 125rpx;right: 130rpx;}
-		}
+			width: 220rpx;height: 220rpx;top:880rpx;right:40rpx;
+			.brand-lock,.brand-finish-icon{top: 145rpx;right: 58rpx;}
+			}
 	}
 	@media (max-height: 650px){
-		.ezy-study-wrap{top:calc(var(--status-bar-height) + -7%);}
-		.brand-item.ceshi-brand-item{width: 296rpx;height: 216rpx;left: unset;top:1000rpx;}
-	}
-	@media (max-height: 600px){
-		.chapter-title-box{padding: 10rpx 44rpx 150rpx 195rpx;}
-		.brand-item.ceshi-brand-item{left: unset;top:1020rpx;}
+		.ezy-study-wrap{top:calc(var(--status-bar-height) + -3%);}
+		.brand-item.ceshi-brand-item{
+			width: 200rpx;height: 200rpx;top:860rpx;right:40rpx;
+			.brand-lock,.brand-finish-icon{top: 130rpx;right: 45rpx;}
+			}
 	}
 }
+.ezy-cjdc-study-page::before,.ezy-cjdc-study-page::after{top: 52%;}
 
 // 岛弹窗
 .dao-popup-box{