front/src/views/career/zhiyuan/phase.vue

<template>
  <div class="phase">
    <div class="pt40 pb40 fx-row jc-between">
      <div class="left f14">
        <span class="mr20">您的预估高考成绩</span>
        <span class="mr20">选科科目：<em  class="f-primary">{{form.firstSubject }}<em v-for="item in form.lastSubject">,{{item}}</em> </em></span>
        <span class="mr20">总分：<em  class="f-primary">{{ form.score }}</em></span>
        <a href="/zhiyuan/score" class="f-primary">
          <i class="el-icon-edit-outline"></i>
          修改成绩
        </a>
      </div>
    </div>
    <el-button type="primary" >下一步</el-button>
  </div>
</template>
<script>
export default {
  created() {
    this.form = this.$route.query
    console.log(this.$route.query)
  },
  data() {
    return {
      form:{}
    }
  }
}
</script>

<style scoped>
 .phase {
  padding: 0 40px 0 100px;}
 em{
   font-weight: 400;
   font-style: normal;
 }
</style>