|
|
@@ -2001,10 +2001,23 @@
|
|
|
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;}
|
|
|
|
|
|
@@ -2041,12 +2054,14 @@
|
|
|
.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;}
|
|
|
}
|
|
|
}
|
|
|
}
|
tanxue