mall-web-ssr/components/provider/RecommendStoreShow.vue

<template>
  <div class="container showAll">
    <!--供应商-->
    <div v-if="storeType === 'supplier'">
      <article-two/>
    </div>
    <!--品牌-->
    <div v-else-if="storeType === 'brand'">
      <brand-index/>
    </div>
    <!--店铺-->
    <div v-else>
      <div class="new-store">
        <new-store/>
        <recommend-original/>
        <hot-commodity/>
      </div>
      <div class="search">
        <suppliers/>
      </div>
    </div>
  </div>
</template>
<script>
import NewStore from './NewStore.vue'
import RecommendOriginal from './RecommendOriginal.vue'
import HotCommodity from './HotCommodity.vue'
import Suppliers from './Suppliers.vue'
import ArticleTwo from '~components/supplier/articleTwo.vue'
import BrandIndex from '~components/brandCenter/BrandIndex.vue'

export default {
  name: 'recommend-store',
  components: {
    NewStore,
    RecommendOriginal,
    HotCommodity,
    Suppliers,
    ArticleTwo,
    BrandIndex
  },
  computed: {
    storeType () {
      return this.$route.params.type
    }
  }
}
</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;
      margin-bottom: 80px;
    }
    .search {
      width: 955px;
      float: left;
    }
  }
</style>