<template>
  <div :class="isMobile ? 'is-h5' : 'is-pc'">
    <app-frame :data="frameParams">
      <div class="certificate">
        <h1>证书颁授</h1>
        <p>
          通过项目考试合格，颁发《全服务酒店总经理课程认证》、《万达酒店及度假村项目结业证书》双认证证书考核成绩优秀的学员，通过万达酒店及度假村面试，获得相应岗位。完成项目将纳入瑞士酒店管理大学MBA案例中心《全服务酒店总经理》人才库。
        </p>
      </div>
    </app-frame>
  </div>
</template>
<script>
export default {
  layout: 'normal',
  data() {
    return {
      frameParams: {
        banner: '/images/cert_banner.png',
        slider: [
          {
            name: this.$t('menu.projectChild.bg'),
            path: '/project-intro/bg',
          },
          {
            name: this.$t('menu.projectChild.feature'),
            path: '/project-intro/charac',
          },
          {
            name: this.$t('menu.projectChild.cert'),
            path: '/project-intro/certificate',
          },
        ],
      },
    }
  },
  computed: {
    isMobile() {
      return this.$store.state.isMobile
    },
  },
}
</script>
<style lang="scss" scoped>
.is-pc {
  .certificate {
    padding: 60px;
    h1 {
      font-weight: bold;
      font-size: 26px;
      color: #333333;
      line-height: 40px;
      text-align: center;
      margin-bottom: 20px;
    }
    p {
      font-size: 20px;
      color: #333333;
      line-height: 40px;
      text-align: justify;
    }
  }
}
.is-h5 {
  .certificate {
    padding: 20px;
    h1 {
      font-weight: bold;
      font-size: 26px;
      color: #333333;
      line-height: 40px;
      text-align: center;
      margin-bottom: 20px;
    }
    p {
      font-size: 20px;
      color: #333333;
      line-height: 40px;
    }
  }
}
</style>
