<template>
  <div class="app-breadcrumb-man">
    <Breadcrumb />
    <section class="app-main">
      <router-view />
    </section>
  </div>
</template>

<script lang="ts">
import router from 'common/utils/router'
import { computed, defineComponent } from 'vue-demi'
import Breadcrumb from './Breadcrumb/index.vue'

export default defineComponent({
  name: 'AppMain',
  components: {
    Breadcrumb
  },
  setup () {
    const key = computed(() => router.currentRoute.value.path)
    return { key }
  }
})
</script>

<style lang="scss" scoped>
.app-breadcrumb-man{
  width: 1360px;
  margin: 10px auto;
}
.app-main {
  min-height: calc(100vh - 100px);
  width: 1360px;
  margin: 10px auto;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
}
</style>
