<script>
import AppMultipleStoreBoardFilter from "@/views/AppMultipleStoreBoardFilter.vue";
import AppStoresTable from "@/views/AppStoresTable.vue";
import AppNavbar from "@/views/AppNavbar.vue";
import AppStoreBoardFilter from "@/views/AppStoreBoardFilter.vue";
import AppCarouselList from "@/views/AppCarouselList.vue";
import AppSubTitle from "@/views/AppSubTitle.vue";
import AppRealtimePanel from "@/views/AppRealtimePanel.vue";
import AppStoreKeyGoods from "@/views/AppStoreKeyGoods.vue";

export default {
  name: "AppStoreBoard",
  components: {AppStoreKeyGoods, AppRealtimePanel, AppSubTitle, AppCarouselList, AppStoreBoardFilter, AppNavbar, AppStoresTable, AppMultipleStoreBoardFilter},
  label: "单店看板"
}
</script>

<template>
  <section class="AppStoreBoard">
    <app-navbar/>
    <app-store-board-filter/>
    <div class="flex">
      <app-carousel-list class="fill"/>
      <div style="width: 480px;">
        <app-sub-title/>
        <app-realtime-panel/>
        <app-store-key-goods/>
      </div>
    </div>
  </section>
</template>

<style scoped>
.AppStoreBoard {
  width: 100%;
  display: flex;
  flex-direction: column;
}

</style>
