拖拽题优化

闫增涛

2024-06-25 d76a5555a5f423dbcaa082619c00ab55a0912884

 src/components/dragQuestion/index.vue

@@ -9,7 +9,7 @@
      class="question-box"
    >
      <!-- 题干 -->
      <div>
      <div class="stem">
        <span v-for="(ditem, dindex) in item.stem" :key="dindex">
          <span v-if="typeof ditem == 'string'">
            {{ ditem }}
@@ -76,7 +76,7 @@
                  />
                </p>
                <!-- 正确错误图标 -->
                <span class="mr-10">
                <span class="mr-10 judge-icon">
                  <svg
                    v-if="item.isRight"
                    t="1716986419862"
@@ -307,6 +307,7 @@
          arr[cindex] = citem.value
        }
        item.isRight = arr == item.answer
        item.isComplete = true
      }
      
      console.log(arr,this.drageQuestion[0]);
@@ -319,6 +320,7 @@
      // const data = []
      for (let index = 0; index < this.drageQuestion.length; index++) {
        const item = this.drageQuestion[index];
        item.isComplete = false
        for (let cindex = 0; cindex < item.option.length; cindex++) {
          const citem = item.option[cindex];
          arr.push(
@@ -402,6 +404,9 @@
.drag-option {
  cursor: pointer;
}
.stem {
  line-height: 2em;
}
.drag-bottom-btn {
  width: 100%;
  display: flex;
@@ -418,6 +423,10 @@
  width: 94%;
  // margin-left: 12px;
}
.judge-icon {
  display: flex;
  align-items: center;
}
.el-collapse {
  width: 100%;
}