فهرست منبع

英语题样式修改

tanxue 5 ماه پیش
والد
کامیت
0e88fd9796

+ 26 - 0
common/styles/global/components.scss

@@ -188,6 +188,32 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	}
 	.ezy-shiti-question li{margin: 20rpx 0;}
 }
+/***** 英语题 *****/
+.ezy-yingyu-danxuan-box{
+	.yingyu-danxuan-title{
+		width: 231rpx;height: 63rpx;
+		background-image: url("@/static/images/exam/danxuan-title.png");@include ezy-no-repeat-cover();
+	}
+	.yingyu-danxuan-option-box{
+		width: 100%;line-height:96rpx;border-radius: 8px;margin-bottom: 20rpx;
+		font-size: 32rpx;color: #333;box-sizing: border-box;padding: 10rpx 24rpx;
+		display: flex;
+		.option-change{
+			width: 48rpx;height: 48rpx;line-height: 48rpx;box-sizing: border-box;
+			flex-shrink: 0;border-radius: 50%;border: 1rpx solid;margin-right: 16rpx;
+			    display: flex;align-items: center;justify-content: center;
+			}
+		.option-question{font-size: 32rpx;line-height: 1.6;margin-left: 6rpx;@include ezy-rich-text;
+		text-align: justify;word-wrap: break-word;word-break: break-all;display: block;}
+	}
+	.yingyu-danxuan-option-box.active .option-change{color: #FFF;background-color:#0589e9;border-color:#0589e9;}
+	.yingyu-danxuan-option-box.showError .option-change{color: #FFF;background-color:#ff5757;border-color:#ff5757;}
+	.yingyu-danxuan-option-box.active_right .option-change{color: #FFF;background-color:#1ac136;border-color:#1ac136;}
+	.yingyu-canplay-img,.yingyu-playing-img{width: 48rpx;height: 48rpx;display: inline-block;vertical-align: text-top;@include ezy-no-repeat-cover();}
+	.yingyu-canplay-img{background-image: url("@/static/images/exam/yingyu-canplay-img.png");}
+	.yingyu-playing-img{background-image: url("@/static/images/exam/yingyu-playing-img.gif");}
+	
+}
 
 /***** 试题白色的框 *****/
 .shiti-frame-box{

+ 3 - 3
components/question/yingyu/textReplaceIcon.vue

@@ -38,15 +38,15 @@
 					const regex = new RegExp(`\\${placeholder}`, 'g');
 					if (!this.isplaying) {
 						result = result.replace(regex,
-							`<view class="yy-box"><view	class="yingyu-canplay-img" id="t_${this.question.stId}_${index}">【图片1】</view></view>`
+							`<view	class="yingyu-canplay-img" id="t_${this.question.stId}_${index}"></view>`
 						);
 					} else if (this.question.stId == this.isplaying.stId && this.isplaying.index == index) {
 						result = result.replace(regex,
-							`<view class="yy-box"><view	class="yingyu-playing-img" id="t_${this.question.stId}_${index}">【图片2】</view></view>`
+							`<view	class="yingyu-playing-img" id="t_${this.question.stId}_${index}"></view>`
 						);
 					} else {
 						result = result.replace(regex,
-							`<view class="yy-box"><view	class="yingyu-canplay-img" id="t_${this.question.stId}_${index}">【图片1】</view></view>`
+							`<view	class="yingyu-canplay-img" id="t_${this.question.stId}_${index}"</view>`
 						);
 					}
 				});

+ 1 - 1
components/questionJiexi/questionJiexiYingyu.vue

@@ -13,7 +13,7 @@
 						<view class="slfx-title"></view>
 						<!-- <view class="slfx-content"> {{data.answer}}</view> -->
 						<!-- <rich-text class="slfx-content" :nodes="data.answer"></rich-text> -->
-						<textReplaceIconVue	:question="data" :text="data.answer" :placeholders="data.placeholders"></textReplaceIconVue>
+						<textReplaceIconVue	:question="data" :text="data.answer" :placeholders="data.placeholders" class="slfx-content"></textReplaceIconVue>
 
 						<!-- 视频讲解 -->
 						<view class="spjj-title" v-if="videoId"></view>

BIN
static/images/exam/yingyu-canplay-img.png


BIN
static/images/exam/yingyu-playing-img.gif