新英语岛页面修改

common/styles/global/pages.scss

@@ -628,18 +628,17 @@
 .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:1154rpx;position: absolute;top:calc(var(--status-bar-height) + 1%);
+		width:750rpx;height:1154rpx;position: absolute;top:calc(var(--status-bar-height) + 3%);
 		background-image: url("@/static/images/study/cjdc/study-wrap-bj.png");}
 	.animal-img{right: 55rpx;top: 255rpx;}
 	.study-name-img{width: 100rpx;height: 100rpx;position: absolute;top: 100rpx;left: 294rpx;}
-	.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;}
+	.study-book-img{width: 130rpx;height: 179rpx;position: absolute;top: 140rpx;right:175rpx;display: flex;
+	@include ezy-no-repeat-cover;background-image: url("@/static/images/study/cjdc/book-default-img.png");}
+	.chapter-title-box{
+		flex: 1;text-shadow:-1rpx -1rpx 0 #fff,1rpx -1rpx 0 #fff,-1rpx 1rpx 0 #fff,1rpx 1rpx 0 #fff;
+		text-align: center;color: #6b3a08;font-size: 22rpx;display: flex;align-items: center;justify-content: center;
+		@include ezy-no-repeat-cover;margin-top:62rpx;font-weight: bold;word-wrap: break-word;
+	}
 	// 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;}
@@ -691,11 +690,6 @@
 		.animal-img{right: 35rpx;top: 190rpx;}
 		.study-name-img{width: 80rpx;height: 80rpx;position: absolute;top: 85rpx;left: 234rpx;}
 		.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%;}

components/catalogue/catalogue.vue

@@ -140,7 +140,7 @@
 			return 'static/images/catalog/catalog-yingyu-bj.png'
 		} else if (subjectId.value == 2 && typeId.value == 1) {
 			// 英语 新
-			return 'static/images/catalog/catalog-yingyu-bj.png'
+			return 'static/images/catalog/catalog-newyYingyu-bj.png'
 		}
 	}
 

pages/study/product/yingyuNew.vue

@@ -4,8 +4,10 @@
 		<view class="ezy-study-wrap" @touchstart="onTouchStart" @touchend="onTouchEnd">
 			<img class="study-name-img" :src="growthImg"/>
 			<!-- <img class="study-book-img" :src="bookImg"/> -->
-			<img class="study-book-img" src="@/static/images/study/cjdc/book-default-img.png"/>
-			<view @click="handleCheckCatalogue" :class="getTitleClass(zhangName)">{{zhangName}}</view>
+			<view class="study-book-img" @click="handleCheckCatalogue">
+				<view class="chapter-title-box">{{zhangName}}</view>
+			</view>
+			
 			<!-- 动物类型 -->
 			<view v-if="growthType!=null" :class="currentGrowth()"></view>
 			<view>
@@ -145,17 +147,6 @@
 			return 'animal-img da-e-img'
 		}
 	}
-	// 章名称显示显示
-	function getTitleClass(data) {
-		console.log(data.length, 'data.length666');
-		if(data.length <= 5){
-			return 'chapter-title-box'
-		}else if(data.length <= 8){
-			return 'chapter-big-title-box'
-		}else{
-			return 'chapter-last-title-box'
-		}
-	}
 
 	// 获取节class
 	function getClass(data, index, isVip,item) {