代理经销去除左边框

components/provider/Carousel.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="carousel">
+  <div class="carousel" :class="{width_670: providerType === 'original'}">
     <div v-swiper:mySwiper="swiperOption">
       <div class="swiper-wrapper">
         <div class="swiper-slide" v-for="banner in banners">
@@ -45,6 +45,9 @@
 //      })
 //    }
     computed: {
+      providerType () {
+        return this.$route.path === '/provider/home' ? 'agency' : 'original'
+      },
       banners () {
         if (this.$store.state.carousel.banners) {
           let banner = this.$store.state.carousel.banners.data.slice()
@@ -62,10 +65,14 @@
 <style lang="scss" scoped>
   @import '~assets/scss/variables';
 
-  $carousel_width: 908px;
+  $carousel_width: 910px;
+  $carousel_width_670: 670px;
   $carousel_height: 358px;
 
   .carousel {
+    &.width_670{
+      width: $carousel_width_670;
+    }
     width: $carousel_width;
     height: $carousel_height;
     transition: background-color .3s;
@@ -76,7 +83,7 @@
       .swiper-slide {
         img {
           display: block;
-          width: $carousel_width;
+          width: 100%;
           height: $carousel_height;
         }
       }

components/provider/RecommendStore.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="container marketing">
-    <!--<div class="sales-rank">
+    <div class="sales-rank" v-if="providerType === 'original'">
       <sales-rank />
-    </div>-->
-    <div class="carousel">
+    </div>
+    <div class="carousel" :class="{carousel_670: providerType === 'original'}">
       <carousel />
     </div>
     <div class="new-store">
@@ -12,16 +12,21 @@
   </div>
 </template>
 <script>
-// import SalesRank from './SalesRank.vue'
+import SalesRank from './SalesRank.vue'
 import NewStore from './NewStore.vue'
 import Carousel from './Carousel.vue'
 
 export default {
   name: 'recommend-store',
   components: {
-//    SalesRank,
+   SalesRank,
     NewStore,
     Carousel
+  },
+  computed: {
+    providerType () {
+      return this.$route.path === '/provider/home' ? 'agency' : 'original'
+    }
   }
 }
 </script>
@@ -33,12 +38,12 @@ export default {
     min-height: 360px;
     padding: 0;
 
-    /*.sales-rank {
+    .sales-rank {
       width: 240px;
       min-height: 360px;
       float: left;
       display: inline-block;
-    }*/
+    }
 
     .carousel {
       width: 910px;
@@ -48,6 +53,14 @@ export default {
       border: 1px solid #D6D3CE;
     }
 
+    .carousel_670 {
+      width: 670px;
+      min-height: 360px;
+      display: inline-block;
+      float: left;
+      border: 1px solid #D6D3CE;
+    }
+
     .new-store {
       width: 280px;
       min-height: 360px;

components/provider/SalesRank.vue

@@ -1,24 +1,24 @@
 <template>
   <div class="sale-module">
-    <div class="agency" v-if="providerType == 'agency'">
-      <div class="title">
-        <img src="/images/store/home/hot.png" />
-        <span>销售排行榜</span>
-      </div>
-      <ul class="list-unstyled list-inline">
-        <li v-for="(store, index) in stores">
-          <div class="rank">
-            <img v-if="index == 0" src="/images/store/home/first.png"/>
-            <img v-else-if="index == 1" src="/images/store/home/second.png"/>
-            <img v-else-if="index == 2" src="/images/store/home/third.png"/>
-          </div>
-          <div class="content">
-            <div class="name"><a target="_blank" :href="'/store/' + store.uuid" :title="store.storeName">{{store.storeName}}</a></div>
-            <div class="grade"> 交易量： <span>{{store.orderCount || 0}}</span></div>
-          </div>
-        </li>
-      </ul>
-    </div>
+    <!--<div class="agency" v-if="providerType == 'agency'">-->
+      <!--<div class="title">-->
+        <!--<img src="/images/store/home/hot.png" />-->
+        <!--<span>销售排行榜</span>-->
+      <!--</div>-->
+      <!--<ul class="list-unstyled list-inline">-->
+        <!--<li v-for="(store, index) in stores">-->
+          <!--<div class="rank">-->
+            <!--<img v-if="index == 0" src="/images/store/home/first.png"/>-->
+            <!--<img v-else-if="index == 1" src="/images/store/home/second.png"/>-->
+            <!--<img v-else-if="index == 2" src="/images/store/home/third.png"/>-->
+          <!--</div>-->
+          <!--<div class="content">-->
+            <!--<div class="name"><a target="_blank" :href="'/store/' + store.uuid" :title="store.storeName">{{store.storeName}}</a></div>-->
+            <!--<div class="grade"> 交易量： <span>{{store.orderCount || 0}}</span></div>-->
+          <!--</div>-->
+        <!--</li>-->
+      <!--</ul>-->
+    <!--</div>-->
     <div class="original" v-if="providerType == 'original'">
       <div class="title">
         <img src="/images/original/hot-title.png" alt="">