data-room/data-room-ui/packages/BigScreenComponentMag/index.vue

<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 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  background-color: var(--bs-background-1);
  // padding-top: 16px;
}
</style>