<template>
  <div class="bs-manage-main-wrap">
    <side-menu
      @getPageInfo="getPageInfo"
    />
    <menu-content
      :catalog-info="catalogInfo"
    />
  </div>
</template>
<script>
import SideMenu from './SideMenu'
import MenuContent from './MenuContent'
export default {
  name: '',
  props: {
  },
  components: { SideMenu, MenuContent },
  data () {
    return {
      catalogInfo: 'component'
    }
  },
  mounted () {},
  methods: {
    getPageInfo (type) {
      this.catalogInfo = type
    }
  }
}
</script>

<style lang="scss" scoped>
.bs-manage-main-wrap {
  display: flex;
  height: 100%;
  padding-top: 16px;
}
</style>
