<template>
  <section class="mainContent">
    <ai-nav-tab :routes="apps"/>
    <div class="fill">
      <router-view/>
      <ai-empty v-if="isHome">欢迎使用村微产品库</ai-empty>
    </div>
  </section>
</template>

<script>
import AiNavTab from "dui/packages/basic/AiNavTab";
import {mapState} from "vuex"

export default {
  name: "mainContent",
  components: {AiNavTab},
  computed: {
    ...mapState(['apps']),
    isHome: v => v.$route.path == '/',
  },
}
</script>

<style lang="scss" scoped>
.mainContent {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
</style>
