<template>
  <div class="shop">
    <shop-list :menuId="menuId"></shop-list>
    <div class="shop-hot-box" v-transfer-dom="'#menu-list-box'">
      <shop-hot :menuId="menuId"></shop-hot>
    </div>
  </div>
</template>

<script>
import shopList from './shop/index';
import shopHot from './shop/hot';
export default {
  name: 'menu-shop-box',
  components: {
    shopList,
    shopHot
  },
  props: {
    menuId: {}
  },
  data() {
    return {
      info: {}
    };
  }
};
</script>

<style lang="less" scoped>
.shop {
  position: relative;
  height: 100%;
}
.shop-hot-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
</style>
