|
@@ -42,6 +42,7 @@
|
|
|
'drag-item',
|
|
|
{
|
|
|
error: itemNode.mark !== data.option_list[move_index].data_list[indexNode].mark && isJudgingRightWrong,
|
|
|
+ right: itemNode.mark === data.option_list[move_index].data_list[indexNode].mark && isJudgingRightWrong,
|
|
|
},
|
|
|
click_index_list.indexOf(indexNode) > -1 && select_index === move_index ? 'drag-item-active' : '',
|
|
|
]"
|
|
@@ -82,7 +83,7 @@
|
|
|
<div
|
|
|
v-for="(itemNode, indexNode) in move_item.data_list"
|
|
|
:key="'answer-item' + indexNode"
|
|
|
- :class="['drag-item']"
|
|
|
+ :class="['drag-item right']"
|
|
|
>
|
|
|
<span class="drag-content rich-text" v-html="sanitizeHTML(itemNode.content)"></span>
|
|
|
</div>
|
|
@@ -269,6 +270,15 @@ export default {
|
|
|
border: 1px solid $error-color;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
+
|
|
|
+ &.right {
|
|
|
+ border: 1px solid $right-color;
|
|
|
+ border-radius: 4px;
|
|
|
+
|
|
|
+ .drag-content {
|
|
|
+ background-color: $right-bc-color;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.drag-icon {
|