|
@@ -89,6 +89,7 @@
|
|
problemList[problemListIndex].questionType < 3 &&
|
|
problemList[problemListIndex].questionType < 3 &&
|
|
!problemList[problemListIndex].isCompleted
|
|
!problemList[problemListIndex].isCompleted
|
|
"
|
|
"
|
|
|
|
+ style="margin-top: 0"
|
|
class="problem-ops"
|
|
class="problem-ops"
|
|
>
|
|
>
|
|
<van-radio-group
|
|
<van-radio-group
|
|
@@ -98,7 +99,6 @@
|
|
>
|
|
>
|
|
<van-radio
|
|
<van-radio
|
|
:value="problemList[problemListIndex].userAnswer === item.value"
|
|
:value="problemList[problemListIndex].userAnswer === item.value"
|
|
- class="problem-checkbox"
|
|
|
|
use-icon-slot
|
|
use-icon-slot
|
|
v-for="(item, index) in problemList[problemListIndex].optsArr"
|
|
v-for="(item, index) in problemList[problemListIndex].optsArr"
|
|
:key="index"
|
|
:key="index"
|
|
@@ -106,7 +106,7 @@
|
|
>
|
|
>
|
|
<text>{{ item.value }}</text>
|
|
<text>{{ item.value }}</text>
|
|
<view
|
|
<view
|
|
- class="problem-op"
|
|
|
|
|
|
+ class="problem-op mt15 mb15"
|
|
:class="{
|
|
:class="{
|
|
'problem-op_selected':
|
|
'problem-op_selected':
|
|
problemList[problemListIndex].userAnswer === item.value,
|
|
problemList[problemListIndex].userAnswer === item.value,
|
|
@@ -126,7 +126,7 @@
|
|
<view
|
|
<view
|
|
v-for="(item, index) in problemList[problemListIndex].optsArr"
|
|
v-for="(item, index) in problemList[problemListIndex].optsArr"
|
|
:key="index"
|
|
:key="index"
|
|
- class="problem-select"
|
|
|
|
|
|
+ class="problem-select pl30"
|
|
>
|
|
>
|
|
<icon
|
|
<icon
|
|
v-if="item.isAnswer && item.selected"
|
|
v-if="item.isAnswer && item.selected"
|
|
@@ -164,6 +164,7 @@
|
|
!problemList[problemListIndex].isCompleted
|
|
!problemList[problemListIndex].isCompleted
|
|
"
|
|
"
|
|
class="problem-ops"
|
|
class="problem-ops"
|
|
|
|
+ style="margin-top: 0"
|
|
>
|
|
>
|
|
<van-checkbox-group
|
|
<van-checkbox-group
|
|
:value="problemList[problemListIndex].userAnswer"
|
|
:value="problemList[problemListIndex].userAnswer"
|
|
@@ -182,7 +183,7 @@
|
|
>
|
|
>
|
|
<text>{{ item.value }}</text>
|
|
<text>{{ item.value }}</text>
|
|
<view
|
|
<view
|
|
- class="problem-op"
|
|
|
|
|
|
+ class="problem-op mt15 mb15"
|
|
:class="{
|
|
:class="{
|
|
'problem-op_selected': item.selected,
|
|
'problem-op_selected': item.selected,
|
|
}"
|
|
}"
|
|
@@ -208,6 +209,7 @@
|
|
problemList[problemListIndex].questionType == 3 &&
|
|
problemList[problemListIndex].questionType == 3 &&
|
|
problemList[problemListIndex].isCompleted
|
|
problemList[problemListIndex].isCompleted
|
|
"
|
|
"
|
|
|
|
+ style="margin-top: 0"
|
|
>
|
|
>
|
|
<view
|
|
<view
|
|
v-for="(item, index) in problemList[problemListIndex].optsArr"
|
|
v-for="(item, index) in problemList[problemListIndex].optsArr"
|
|
@@ -710,6 +712,7 @@
|
|
"
|
|
"
|
|
v-for="(item, index) in problemList"
|
|
v-for="(item, index) in problemList"
|
|
:class="{
|
|
:class="{
|
|
|
|
+ 'problem-listItem_current': problemListIndex == index,
|
|
'problem-listItem_dui':
|
|
'problem-listItem_dui':
|
|
item.userAnswer.length && item.userAnswer == item.answer,
|
|
item.userAnswer.length && item.userAnswer == item.answer,
|
|
'problem-listItem_cuo':
|
|
'problem-listItem_cuo':
|
|
@@ -1505,7 +1508,7 @@ export default {
|
|
kemu: this.query.subject,
|
|
kemu: this.query.subject,
|
|
})
|
|
})
|
|
.then((res) => {
|
|
.then((res) => {
|
|
- console.log(res)
|
|
|
|
|
|
+ console.log(res);
|
|
res.rows.forEach((element) => {
|
|
res.rows.forEach((element) => {
|
|
element.optsArr = [];
|
|
element.optsArr = [];
|
|
element.opts.split("-").forEach((item, index) => {
|
|
element.opts.split("-").forEach((item, index) => {
|
|
@@ -1576,8 +1579,30 @@ export default {
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
-
|
|
|
|
|
|
+<style>
|
|
|
|
+.pt15 {
|
|
|
|
+ padding-left: 15rpx;
|
|
|
|
+}
|
|
|
|
+.pb15 {
|
|
|
|
+ padding-bottom: 15rpx;
|
|
|
|
+}
|
|
|
|
+.mt15 {
|
|
|
|
+ margin-top: 15rpx;
|
|
|
|
+}
|
|
|
|
+.mb15 {
|
|
|
|
+ margin-bottom: 15rpx;
|
|
|
|
+}
|
|
|
|
+</style>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
+.pt15 {
|
|
|
|
+ padding-block: 15rpx;
|
|
|
|
+}
|
|
|
|
+.pb15 {
|
|
|
|
+ padding-block: 15rpx;
|
|
|
|
+}
|
|
|
|
+.pl30 {
|
|
|
|
+ padding-left: 30rpx;
|
|
|
|
+}
|
|
.answer {
|
|
.answer {
|
|
padding-left: 16rpx;
|
|
padding-left: 16rpx;
|
|
padding-bottom: 16rpx;
|
|
padding-bottom: 16rpx;
|
|
@@ -1696,12 +1721,20 @@ export default {
|
|
margin-left: 13rpx;
|
|
margin-left: 13rpx;
|
|
margin-right: 13rpx;
|
|
margin-right: 13rpx;
|
|
}
|
|
}
|
|
|
|
+ .problem-listItem_current {
|
|
|
|
+ background: rgba(138, 144, 153, 0.15);
|
|
|
|
+ border-color: #bfbfbf;
|
|
|
|
+ color: #5c6066;
|
|
|
|
+ }
|
|
.problem-listItem_dui {
|
|
.problem-listItem_dui {
|
|
background: #c1e6db;
|
|
background: #c1e6db;
|
|
color: #4eb79a;
|
|
color: #4eb79a;
|
|
|
|
+ border-color: #4eb79a;
|
|
}
|
|
}
|
|
.problem-listItem_cuo {
|
|
.problem-listItem_cuo {
|
|
- background: #e6c5c6;
|
|
|
|
|
|
+ background: #ffbcbe;
|
|
|
|
+ color: #e65055;
|
|
|
|
+ border-color: #e65055;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|