<template>
  <app-frame :data="frameParams">
    <el-card>
      <h1 style="margin: 0 auto;text-align:center;">
        报名流程
      </h1>
      <ul>
        <li>
          <p class="title">1.资格审核</p>
          <p class="desc">
            根据学生在线提交的报名材料审核学生录取资质，审通过预约面试
          </p>
        </li>
        <li>
          <p class="title">2.面试考核</p>
          <p class="desc">
            招生办的老师对学生个人背景、学习动机、学习能力、英语能力等方面综合考察
          </p>
        </li>
        <li>
          <p class="title">3.发放录取</p>
          <p class="desc">
            对面试合格的学生发放录取通知书
          </p>
        </li>
        <li>
          <p class="title">4.注册学籍</p>
          <p class="desc">
            学员完成缴费、材料提交等录取手续后，办理海外学籍注册
          </p>
        </li>
        <li>
          <p class="title">5.开学典礼</p>
          <p class="desc">
            全体学员参加线下开学典礼，与同学和老师见面，正式开始学习之旅
          </p>
        </li>
      </ul>
    </el-card>
  </app-frame>
</template>
<script>
import appFrame from '@/components/appFrame'
export default {
  layout: 'normal',
  components: { appFrame },
  data() {
    return {
      frameParams: {
        slider: [
          { name: this.$t('menu.enrollChild.process'), path: '/enroll/process' },
          { name: this.$t('menu.enrollChild.brochure'), path: '/enroll/brochure' },
          { name: this.$t('menu.enrollChild.apply'), path: '/enroll/apply' }
        ]
      }
    }
  }
}
</script>
<style lang="scss" scoped>
ul {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 40px;
}
li {
  padding: 20px;
}
p {
  font-size: 16px;
  color: #333;
}
.title {
  font-weight: 400px;
}
.desc {
  font-weight: 300;
}
</style>
