pc首页margin问题

buyer/src/components/indexDecorate/modelFormItem.vue

@@ -2,11 +2,11 @@
   <div class="model-item" v-if="element && element.key">
     <!-- 轮播图模块，包括个人信息，快捷导航模块 -->
     <template v-if="element.type == 'carousel'">
-      <model-carousel :data="element"></model-carousel>
+      <model-carousel :data="element" class="mb_20"></model-carousel>
     </template>
     <!-- 热门广告 -->
     <template v-if="element.type == 'hotAdvert'">
-      <div>
+      <div class="mb_20">
         <img
           style="display: block"
           class="hover-pointer"
@@ -36,7 +36,7 @@
     <!-- 折扣广告 -->
     <template v-if="element.type == 'discountAdvert'">
       <div
-        class="discountAdvert"
+        class="discountAdvert mb_20"
         :style="{
           'background-image': 'url(' + element.options.bgImg.img + ')',
         }"
@@ -66,28 +66,28 @@
 
     <!-- 好货推荐 -->
     <template v-if="element.type == 'recommend'">
-      <recommend :data="element"></recommend>
+      <recommend :data="element" class="mb_20"></recommend>
     </template>
     <!-- 新品排行 -->
     <template v-if="element.type == 'newGoodsSort'">
-      <new-goods-sort :data="element"></new-goods-sort>
+      <new-goods-sort :data="element" class="mb_20"></new-goods-sort>
     </template>
     <!-- 首页广告 -->
     <template v-if="element.type == 'firstAdvert'">
-      <first-page-advert :data="element"></first-page-advert>
+      <first-page-advert :data="element" class="mb_20"></first-page-advert>
     </template>
     <!-- 横幅广告 -->
     <template v-if="element.type == 'bannerAdvert'">
       <img
         width="1200"
-        class="hover-pointer"
+        class="hover-pointer mb_20"
         @click="linkTo(element.options.url)"
         :src="element.options.img"
         alt=""
       />
     </template>
     <template v-if="element.type == 'notEnough'">
-      <not-enough :data="element"></not-enough>
+      <not-enough :data="element" class="mb_20"></not-enough>
     </template>
   </div>
 </template>
@@ -122,7 +122,6 @@ export default {
 <style lang="scss" scoped>
 .model-item {
   position: relative;
-  margin-bottom: 20px;
   background-color: #fff;
 }
 

buyer/src/components/indexDecorate/modelList/carousel.vue

@@ -94,7 +94,6 @@ export default {
   width: 1200px;
   height: 340px;
   overflow: hidden;
-  margin-top: -20px;
 }
 
 /* 导航主体 */