<template>
    <div class="framework">
        <MyHeader :theme="headerThemte"></MyHeader>
        <div class="body">
            <slot></slot>
        </div>

    </div>
</template>

<script>
import MyHeader from './header.vue'
export default {
  components: { MyHeader },
  props: {
    headerThemte: {
      type: String,
      default: 'blue'
    }
  },
  data () {
    return {
      dayOfWeek: ''

    }
  }

}
</script>

<style lang="less" scoped>
.framework{
    //width: 100vw;
    min-height: 100vh;
    background-color: #f2f2f2;
    .body{
        //background-color: #fff;
        //height: 500px;
        padding: 1.25vw 1.875vw 0;
    }
}
</style>
