reservation-ssr/components/register/regHeader.vue

<template>
  <div class="top">
    <div class="container">
      <span v-text="headerName">准备好以下资料，申请开店更便捷</span>
    </div>
  </div>
</template>

<script>
    export default {
      name: 'regHeader',
      props: ['headerName']
    }
</script>

<style scoped type="text/scss" lang="scss">
  .top{
    .container{
      width:960px;
      margin:0 auto;
    }
    background: #2f95dd;
    height:60px;
    text-align: center;
    padding-top: 15px;
    span{
      margin:0 auto;
      font-size: 20px;
      color:#fff;
      font-weight:bold;
    }
  }
</style>