|
@@ -12,6 +12,28 @@
|
|
<p class="desc">
|
|
<p class="desc">
|
|
{{ questionInfo.descText }}
|
|
{{ questionInfo.descText }}
|
|
</p>
|
|
</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>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -68,5 +90,9 @@ export default {
|
|
color: #693D2F;
|
|
color: #693D2F;
|
|
line-height: 25px;
|
|
line-height: 25px;
|
|
}
|
|
}
|
|
|
|
+ > img.desc-img {
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|