proginn-frontend/pages/frontend/skill_cert/ready_interview.vue

<template>
  <div class="container">
    <skillCertHeader title="技术等级认证"></skillCertHeader>
    <flow :dataList="flowList"></flow>
    <p class="status">工作人员正在审核, 审核通过后将为您对接面试官</p>
    <p class="time">时间: 1-3个工作日</p>
    <img class="qr-code" src="@/assets/img/skill_cert/icon_service_wechat.png" alt=""/>
    <p class="label">微信客服</p>
  </div>
</template>

<script>
  import flow from "@/components/flow/flow";
  import skillCertHeader from "@/components/skill_cert_header/skill_cert_header";

  export default {
    name: "ready_interview",
    components: {
      flow, skillCertHeader
    },
    data() {
      return {
        flowList: [
          {
            active: true,
            label: '基础信息'
          }, {
            active: true,
            label: '完善简历'
          }, {
            active: true,
            label: '对接面试官'
          }, {
            active: false,
            label: '开始面试'
          }, {
            active: false,
            label: '结束认证'
          },
        ],
      }
    }
  }
</script>

<style lang="scss" scoped>
  .container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1000px;
    margin: 10px auto;
    background: #ffffff;
    border-radius: 10px;
    padding: 0 85px;
    @media(max-width: 768px) {
      padding: 0 15px;
    }
    box-sizing: border-box;

    .status {
      margin-top: 43px;
      margin-bottom: 11px;
      font-size: 18px;
      font-family: PingFangSC, PingFangSC-Regular, sans-serif;
      font-weight: 400;
      text-align: center;
      color: #222222;
      line-height: 25px;
    }

    .time {
      font-size: 18px;
      font-family: PingFangSC, PingFangSC-Regular, sans-serif;
      font-weight: 400;
      text-align: center;
      color: #308eff;
      line-height: 25px;
    }

    .qr-code {
      width: 286px;
      height: 286px;
      margin-top: 6px;
      margin-bottom: -9px;
    }

    .label {
      margin-bottom: 43px;
      font-size: 14px;
      font-family: PingFangSC, PingFangSC-Regular, sans-serif;
      font-weight: 400;
      text-align: right;
      color: #666666;
      line-height: 14px;
    }
  }
</style>