<template>
  <div class="main-bg">
    <div class="bg-top">

    </div>
    <div class="content">
      <slot></slot>
    </div>

  </div>

</template>

<script>
    export default {
        name: "multiColorBackground"
    }
</script>

<style scoped>
    .bg-top{
      width: 100%;
      height: 2.7rem;
      background-color: #60c0ff;
    }
   .main-bg{
     position: relative;
     height: 100vh;
     background-color: #e8eff5;
   }
  .content{
    position: absolute;
    width: 9.2rem;
    left: 0.4rem;
    top:0;
    height: 100vh;
    z-index: 4;
  }
</style>
