样式修改

common/styles/global/pages.scss

@@ -1921,10 +1921,7 @@
 	}
 	
 	//播放
-	.audio-play-btn,.audio-playing-btn{
-		width: 110rpx;height:110rpx;
-	@include ezy-no-repeat-cover;margin: 56rpx auto 0;
-	}
+	.audio-play-btn,.audio-playing-btn{width: 110rpx;height:110rpx;@include ezy-no-repeat-cover;margin: 56rpx auto 0;}
 	.audio-play-btn{background-image: url("@/static/images/study/cjdc/wordView/play-btn.png");}
 	.audio-playing-btn{background-image: url("@/static/images/study/cjdc/wordView/playing-btn.gif");}
 	
@@ -1935,134 +1932,140 @@
 	.clean-btn{width: 171rpx;height:58rpx;@include ezy-no-repeat-cover;margin: 24rpx auto 0;
 	background-image: url("@/static/images/study/cjdc/wordView/clean-btn.png");
 	}
+}
+.word-view-page::before,.word-view-page::after{content: '';width: 29rpx;height: 42rpx;
+	background-image: url("@/static/images/study/jt-left-icon.png");@include ezy-no-repeat-cover;display: block;
+	position: absolute;top: 46%;}
+.word-view-page::before{left: 60rpx;}
+.word-view-page::after{right: 60rpx;transform: rotate(180deg);}
 	
 	
-	/*****拼*****/
-	.words-pin-box{
-		display: flex;flex-direction: column;padding: 10rpx;box-sizing: border-box;
-		height: calc(100vh - 290rpx - var(--status-bar-height));
-		.pin-body-box{flex: 1;overflow-y: auto;}
-		// 拼读 +选择
-		.pin-words-box{
-			// min-width: 80rpx;height: 100rpx;font-size: 64rpx;
-			display: flex;justify-content: center;margin-top: 64rpx;
-			.words-item{min-width: 90rpx;height: 120rpx;line-height: 120rpx;font-size: 80rpx;
-				text-align: center;box-sizing: border-box;padding: 0 6rpx;font-weight: bold;
-				border-radius: 8rpx;background-color: #b7e2f5;color: #015fb0;}
-			.words-item + .words-item{margin-left: 12rpx;}
-		}
-		.pin-small-words-box{
-			.words-item{min-width: 70rpx;height: 100rpx;line-height: 110rpx;font-size: 64rpx;padding: 0 4rpx;}
-			.words-item + .words-item{margin-left: 8rpx;}
-		}
-		// 回答正确 && 回答错误
-		.pin-error-words-box,.pin-right-words-box{
-			.words-item:last-child{position: relative;}
-			.words-item:last-child::after{
-				content: '';width: 46rpx;height: 46rpx;display: block;@include ezy-no-repeat-cover;
-				position: absolute;top: -22rpx;right: -12rpx;
-			}
-		}
-		.pin-error-words-box.isAll{
-			.words-item{background-color: #fbc2c2;color: #ff4d4d;}
-			.words-item:last-child::after{background-image: url("@/static/images/study/cjdc/wordView/word-error-icon.png");}
-		}
-		.pin-right-words-box.isAll{
-			.words-item{background-color: #ddffdd;color: #36c336;}
-			.words-item:last-child::after{background-image: url("@/static/images/study/cjdc/wordView/word-right-icon.png");}
-		}
-		
-		// 选择单词
-		.pin-words-change-box{
-			margin-bottom: 32rpx;
-			.words-change-item{line-height: 116rpx;border: 1rpx solid #2da8e7;border-bottom: 8rpx solid #41c5ff}
-			.words-change-item.disabled{border: 1rpx solid #999;border-bottom: 8rpx solid #ccc;
-			color: #999;background-color: #f0f0f0;}
-		}
-		.pin-words-change-box.pin-small-words-box{
-			.words-item{line-height: 90rpx;}
+// 单词详情-拼
+.words-pin-box{
+	display: flex;flex-direction: column;padding: 10rpx;box-sizing: border-box;
+	height: calc(100vh - 290rpx - var(--status-bar-height));
+	.pin-body-box{flex: 1;overflow-y: auto;}
+	// 拼读 +选择
+	.pin-words-box{
+		// min-width: 80rpx;height: 100rpx;font-size: 64rpx;
+		display: flex;justify-content: center;margin-top: 64rpx;
+		.words-item{min-width: 90rpx;height: 120rpx;line-height: 120rpx;font-size: 80rpx;
+			text-align: center;box-sizing: border-box;padding: 0 6rpx;font-weight: bold;
+			border-radius: 8rpx;background-color: #b7e2f5;color: #015fb0;}
+		.words-item + .words-item{margin-left: 12rpx;}
+	}
+	.pin-small-words-box{
+		.words-item{min-width: 70rpx;height: 100rpx;line-height: 110rpx;font-size: 64rpx;padding: 0 4rpx;}
+		.words-item + .words-item{margin-left: 8rpx;}
+	}
+	// 回答正确 && 回答错误
+	.pin-error-words-box,.pin-right-words-box{
+		.words-item:last-child{position: relative;}
+		.words-item:last-child::after{
+			content: '';width: 46rpx;height: 46rpx;display: block;@include ezy-no-repeat-cover;
+			position: absolute;top: -22rpx;right: -12rpx;
+		}
+	}
+	.pin-error-words-box.isAll{
+		.words-item{background-color: #fbc2c2;color: #ff4d4d;}
+		.words-item:last-child::after{background-image: url("@/static/images/study/cjdc/wordView/word-error-icon.png");}
+	}
+	.pin-right-words-box.isAll{
+		.words-item{background-color: #ddffdd;color: #36c336;}
+		.words-item:last-child::after{background-image: url("@/static/images/study/cjdc/wordView/word-right-icon.png");}
+	}
+	
+	// 选择单词
+	.pin-words-change-box{
+		margin-bottom: 32rpx;
+		.words-change-item{line-height: 116rpx;border: 1rpx solid #2da8e7;border-bottom: 8rpx solid #41c5ff}
+		.words-change-item.disabled{border: 1rpx solid #999;border-bottom: 8rpx solid #ccc;
+		color: #999;background-color: #f0f0f0;}
+	}
+	.pin-words-change-box.pin-small-words-box{
+		.words-item{line-height: 90rpx;}
+	}
+	
+	@media (max-height: 600px) {
+		// 拼
+		.words-pin-box{
+			.select-types-box{margin-top: 10rpx;}
+			.pin-words-box,.pin-words-explain-box{margin-top: 32rpx;}
+			.audio-play-btn,.audio-playing-btn{width: 96rpx;height:96rpx;margin-top: 24rpx;}
 		}
+	}
+}
+
+// 单词详情-背 
+.words-bei-box{
+	display: flex;flex-direction: column;text-align: center;
+	height: calc(100vh - 290rpx - var(--status-bar-height));
+	// 答案
+	.words-answer-box{
+		min-width: 420rpx;max-width: 90%;height: 120rpx;line-height: 120rpx;margin: 64rpx auto 0;
+		background-color: #b7e2f5;color: #015fb0;font-size: 72rpx;display: inline-block;
+		border-radius: 8rpx;padding: 0 10rpx;box-sizing: border-box;font-weight: bold;
+		.uni-input{overflow: unset;}
+		.uni-input-placeholder.input-placeholder{color: #015fb0;font-size: 64rpx;}
+	}
+	// 兼容
+	.words-answer-box::placeholder { color: #015fb0;font-size: 64rpx; }
+	// 回答正确 && 回答错误
+	.words-answer-error-box,.words-answer-right-box{position: relative;}
+	.words-answer-error-box::after,.words-answer-right-box::after{
+			content: '';width: 46rpx;height: 46rpx;display: block;@include ezy-no-repeat-cover;
+			position: absolute;top: -22rpx;right: -12rpx;
+	}
+	// background-color: #fbc2c2;
+	.words-answer-error-box{color: #ff4d4d;}
+	.words-answer-error-box::after{background-image: url("@/static/images/study/cjdc/wordView/word-error-icon.png");}
+	// background-color: #ddffdd;
+	.words-answer-right-box{color: #36c336;}
+	.words-answer-right-box::after{background-image: url("@/static/images/study/cjdc/wordView/word-right-icon.png");}
+	
+	.bei-body-box{flex: 1;overflow-y: auto;}
 		
-		@media (max-height: 600px) {
-			// 拼
-			.words-pin-box{
-				.select-types-box{margin-top: 10rpx;}
-				.pin-words-box,.pin-words-explain-box{margin-top: 32rpx;}
-				.audio-play-btn,.audio-playing-btn{width: 96rpx;height:96rpx;margin-top: 24rpx;}
-			}
+	// 键盘
+	.words-keyboard-box{
+		background-color: #e5e8ee;box-sizing: border-box;padding: 24rpx 0;
+		// position: absolute;bottom: -10rpx;left: -10rpx;right: -10rpx;
+		.keyboard-row{display: flex;justify-content: space-between;
+		box-sizing: border-box;padding: 0 32rpx;margin-bottom: 12rpx;}
+		.keyboard-button{
+			width: 56rpx;height: 90rpx;line-height: 90rpx;text-align: center;
+			background-color: #fff;color:#000;border-radius: 6rpx;
+			border-bottom:6rpx solid #e2e2e2;box-sizing: border-box;}
+		.keyboard-button.active{background-color: #b7e2f5;color:#015fb0;border-bottom:6rpx solid #41c5ff;}
+		.del-btn::after{
+			content: '';width: 46rpx;height: 46rpx;display: block;margin: 22rpx auto;
+		background-image: url("@/static/images/study/cjdc/wordView/del-btn.svg");@include ezy-no-repeat-cover;}
+		.bei-confirm-btn{
+			width: 610rpx;height: 77rpx;background-color: transparent;margin: 16rpx auto 0;
+			background-image: url("@/static/images/study/cjdc/wordView/confirm-btn.png");@include ezy-no-repeat-cover;
 		}
 	}
-	/***** 背 *****/
-	.words-bei-box{
-		display: flex;flex-direction: column;text-align: center;
-		height: calc(100vh - 290rpx - var(--status-bar-height));
-		// 答案
+	@media (max-height: 800px) {
+		.words-answer-box{margin-top: 32rpx;}
+		.pin-words-explain-box{margin-top: 32rpx;}
+		.audio-play-btn{margin: 32rpx auto 0;}
+	}
+	@media (max-height: 750px) {
 		.words-answer-box{
-			min-width: 420rpx;max-width: 90%;height: 120rpx;line-height: 120rpx;margin: 64rpx auto 0;
-			background-color: #b7e2f5;color: #015fb0;font-size: 72rpx;display: inline-block;
-			border-radius: 8rpx;padding: 0 10rpx;box-sizing: border-box;font-weight: bold;
-			.uni-input{overflow: unset;}
-			.uni-input-placeholder.input-placeholder{color: #015fb0;font-size: 64rpx;}
-		}
-		// 兼容
-		.words-answer-box::placeholder { color: #015fb0;font-size: 64rpx; }
-		// 回答正确 && 回答错误
-		.words-answer-error-box,.words-answer-right-box{position: relative;}
-		.words-answer-error-box::after,.words-answer-right-box::after{
-				content: '';width: 46rpx;height: 46rpx;display: block;@include ezy-no-repeat-cover;
-				position: absolute;top: -22rpx;right: -12rpx;
-		}
-		// background-color: #fbc2c2;
-		.words-answer-error-box{color: #ff4d4d;}
-		.words-answer-error-box::after{background-image: url("@/static/images/study/cjdc/wordView/word-error-icon.png");}
-		// background-color: #ddffdd;
-		.words-answer-right-box{color: #36c336;}
-		.words-answer-right-box::after{background-image: url("@/static/images/study/cjdc/wordView/word-right-icon.png");}
-		
-		.bei-body-box{flex: 1;overflow-y: auto;}
-			
-		// 键盘
-		.words-keyboard-box{
-			background-color: #e5e8ee;box-sizing: border-box;padding: 24rpx 0;
-			// position: absolute;bottom: -10rpx;left: -10rpx;right: -10rpx;
-			.keyboard-row{display: flex;justify-content: space-between;
-			box-sizing: border-box;padding: 0 32rpx;margin-bottom: 12rpx;}
-			.keyboard-button{
-				width: 56rpx;height: 90rpx;line-height: 90rpx;text-align: center;
-				background-color: #fff;color:#000;border-radius: 6rpx;
-				border-bottom:6rpx solid #e2e2e2;box-sizing: border-box;}
-			.keyboard-button.active{background-color: #b7e2f5;color:#015fb0;border-bottom:6rpx solid #41c5ff;}
-			.del-btn::after{
-				content: '';width: 46rpx;height: 46rpx;display: block;margin: 22rpx auto;
-			background-image: url("@/static/images/study/cjdc/wordView/del-btn.svg");@include ezy-no-repeat-cover;}
-			.bei-confirm-btn{
-				width: 610rpx;height: 77rpx;background-color: transparent;margin: 16rpx auto 0;
-				background-image: url("@/static/images/study/cjdc/wordView/confirm-btn.png");@include ezy-no-repeat-cover;
-			}
-		}
-		@media (max-height: 800px) {
-			.words-answer-box{margin-top: 32rpx;}
-			.pin-words-explain-box{margin-top: 32rpx;}
-			.audio-play-btn{margin: 32rpx auto 0;}
-		}
-		@media (max-height: 750px) {
-			.words-answer-box{
-				max-width: 86%;height: 100rpx;line-height: 100rpx;font-size: 66rpx;
-				.uni-input-placeholder.input-placeholder{font-size: 56rpx;}
-			}
-			.words-answer-box{margin-top: 16rpx;}
-			.pin-words-explain-box{margin-top: 16rpx;}
-			.audio-play-btn{width: 80rpx;height:80rpx;margin: 16rpx auto 0;}
-			.clean-btn{margin-top: 16rpx;}
-			.words-answer-error-box::after,.words-answer-right-box::after{width: 40rpx;height: 40rpx;top: -10rpx;right: -10rpx;}
-		}
-		@media (max-height: 700px) {
-			.words-answer-box{margin-top: 12rpx;}
-			.pin-words-explain-box{margin-top: 12rpx;}
-			.audio-play-btn{margin: 12rpx auto 0;}
-			.clean-btn{margin-top: 12rpx;}
-			.words-answer-error-box::after,.words-answer-right-box::after{width: 36rpx;height: 36rpx;top: -6rpx;right: -6rpx;}
+			max-width: 86%;height: 100rpx;line-height: 100rpx;font-size: 66rpx;
+			.uni-input-placeholder.input-placeholder{font-size: 56rpx;}
 		}
+		.words-answer-box{margin-top: 16rpx;}
+		.pin-words-explain-box{margin-top: 16rpx;}
+		.audio-play-btn{width: 80rpx;height:80rpx;margin: 16rpx auto 0;}
+		.clean-btn{margin-top: 16rpx;}
+		.words-answer-error-box::after,.words-answer-right-box::after{width: 40rpx;height: 40rpx;top: -10rpx;right: -10rpx;}
+	}
+	@media (max-height: 700px) {
+		.words-answer-box{margin-top: 12rpx;}
+		.pin-words-explain-box{margin-top: 12rpx;}
+		.audio-play-btn{margin: 12rpx auto 0;}
+		.clean-btn{margin-top: 12rpx;}
+		.words-answer-error-box::after,.words-answer-right-box::after{width: 36rpx;height: 36rpx;top: -6rpx;right: -6rpx;}
 	}
 }