<template>

  <div class="banner">
    <p>{{mainTitle}}</p>
    <p>{{subTitle}}</p>
  </div>

</template>

<script>
export default {
  name: 'commonBanner',
  props:[
    'mainTitle', 'subTitle'
  ]
}
</script>

<style scoped lang="scss">
  .banner {
    background: url("../assets/images/commonBanner.png") no-repeat;
    background-size: 100% 100%;
    height: 327px;
    text-align: center;
  }

  .banner p:nth-of-type(1) {
    padding: 100px 0 50px;
    font-size: 40px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
  }

  .banner p:nth-of-type(2) {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
  }
</style>
