<template>
  <div id="app" class="app">
    
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  computed: {
    commonData(){
      return this.$store.state.commonData;
    }
  },
  methods: {
    changeParentState(){
      this.$store.commit('setCommonData',{ parent: 1 });
    }
  },
}
</script>

<style scoped lang="less">
.app{
  height: 100%;
  background: #f1f1f1;
  position: relative;
  header{
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    height: 64px;
    background: #fff;
    display: flex;
    .logo{
      margin: 16px 42px;
      display: block;
    }
  }
}

header>a{
  margin: 0 20px;
}
.appContainer{
  background: #ccc;
  padding: 20px;
}



</style>
<style>
/* #appContainer div[id^='__qiankun_microapp_wrapper_']>div {
  height: calc(100vh - 64px);
} */

body,html,#appContainer,#appContainer div[id^='__qiankun_microapp_wrapper_']>div{
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}
</style>
