<template>
  <div class="container showAll">
    <div class="new-store">
      <new-store/>
      <recommend-original/>
      <hot-commodity/>
    </div>
    <div class="search">
      <suppliers/>
    </div>
  </div>
</template>
<script>
import NewStore from './NewStore.vue'
import RecommendOriginal from './RecommendOriginal.vue'
import HotCommodity from './HotCommodity.vue'
import Suppliers from './Suppliers.vue'

export default {
  name: 'recommend-store',
  components: {
    NewStore,
    RecommendOriginal,
    HotCommodity,
    Suppliers
  }
}
</script>
<style lang="scss" scoped>
  @import '~assets/scss/variables';

  .showAll {
    margin-top: 15px;
    width: 1190px;
    padding: 0;
    overflow: hidden;
    .new-store {
      float: left;
      margin-right: 15px;
      width: 220px;
    }
    .search {
      width: 955px;
      float: left;
    }
  }
</style>
