<div class="card-container"> <el-card class="card"> <span style="color:#333;font-size: 20px">{{item.name}}</span> <el-button type="success" plain @click="doPaper(item.id,item.paperId)" style="float:right" v-if="item.state=='进行中'">开始考试</el-button> <div style="color:#7c7e7e ;margin:10px 0"> <div style="margin-left:20px">监考老师： {{item.teacher}}</div> <div style="margin-left:20px">开始时间： {{item.time}}</div> <div style="margin-left:20px">结束时间： {{item.overTime}}</div> <div style="margin-left:20px"> {{item.state}}</div> <div v-if="item.state =='已结束'" style="margin-left:20px"> 考试分数：10分 </div> </div> </el-card> </div>

这段代码是一个展示考试信息的卡片，在已结束的考试中会显示考试分数。

如果你想要动态显示考试分数，可以将分数存储在数据中，然后在模板中使用插值表达式（{{}}）动态显示。示例代码如下所示：

<div class="card-container">
  <el-card class="card" v-for="item in cards" :key="item.id">
    <span style="color:#333;font-size: 20px">{{item.name}}</span>
    <el-button type="success" plain @click="doPaper(item.id,item.paperId)" style="float:right" v-if="item.state=='进行中'">开始考试</el-button>
    <div style="color:#7c7e7e ;margin:10px 0">
      <div style="margin-left:20px">监考老师： {{item.teacher}}</div>
      <div style="margin-left:20px">开始时间： {{item.time}}</div>
      <div style="margin-left:20px">结束时间： {{item.overTime}}</div>
      <div style="margin-left:20px"> {{item.state}}</div>
      <div v-if="item.state =='已结束'" style="margin-left:20px">
        考试分数：{{item.score}}分
      </div>
    </div>
  </el-card>
</div>

在这个示例代码中，我们假设考试数据中有一个叫做 score 的属性，用来存储考试分数。然后在模板中，使用插值表达式（{{item.score}}）动态显示分数。这样，当考试结束并且有分数数据时，就会显示分数。