前端用到了bootstrap-vue框架
<template>
<!-- 提示窗 -->
<b-alert :show="dismissCountDown" fade :variant="alertType" @dismiss-count-down="countDownChanged"
style="width: 20rem;height:3.5rem;position: fixed;top:0rem;bottom:0rem;left:0rem;right:0rem;margin: auto; z-index: 10000;">
{
{alertMsg}}
</b-alert>
<!-- 正文 -->
<p style="margin: 0.5rem 0.25rem;">
<b-list-group>
<b-list-group-item v-for="(item,index) in form.results" :key="index">
<!-- 显示题目内容。这里的小技巧是根据不同的题目类型给出不同的呈现方式 -->
<p class="text-dark">{
{(index+1)+"、"+item.question}}</p>
<!-- 以下分类型显示答题方式 -->
<!-- 填空题 -->
<div v-if="item.qtype=='填空'">
<b-input v-model=