Browse Source

答案解析里显示图片

任一存 2 years ago
parent
commit
b59af12dbc

BIN
src/assets/images/quiz-img/10.4-1.png


BIN
src/assets/images/quiz-img/10.4-2.jpeg


BIN
src/assets/images/quiz-img/9.2.2-1.png


File diff suppressed because it is too large
+ 31 - 31
src/quizData.js


+ 26 - 0
src/views/AnswerDesc.vue

@@ -12,6 +12,28 @@
     <p class="desc">
       {{ questionInfo.descText }}
     </p>
+    <img
+      v-for="(item, index) in questionInfo.descImg"
+      :key="index"
+      v-viewer="{
+        button: true,
+        navbar: false,
+        title: false,
+        toolbar: false,
+        tooltip: false,
+        movable: true,
+        zoomable: true,
+        rotatable: true,
+        scalable: true,
+        transition: false,
+        fullscreen: false,
+        keyboard: true,
+        loop: false,
+      }"
+      :src="require(`@/assets/images/quiz-img/${questionInfo.id}-${item}`)"
+      alt=""
+      class="desc-img"
+    >
   </div>
 </template>
 
@@ -68,5 +90,9 @@ export default {
     color: #693D2F;
     line-height: 25px;
   }
+  > img.desc-img {
+    margin-top: 10px;
+    width: 100%;
+  }
 }
 </style>