front/src/views/instructionManual/components/menuBook.vue

@@ -32,12 +32,7 @@
       <!-- 总体流程 -->
       <TheOverallProcess></TheOverallProcess>
       <!-- imgList -->
-      <div
+      <div class="img-box" v-for="(item, i) in imgList" :key="i">
-        class="img-box"
-        :class="item.btnText === '立即上架' ? '' : 'img-box-new'"
-        v-for="(item, i) in imgList"
-        :key="i"
-      >
         <div class="title">
           <div class="text">{{ item.name }}</div>
           <div class="line"></div>
@@ -47,12 +42,7 @@
           :class="item.className"
           :style="{ 'background-image': `url(${item.bgImg || ''})` }"
         ></div>
-        <div
+        <div v-if="item.btnText" class="btn" @click="toWhere(item.name)">
-          v-if="item.btnText"
-          class="btn"
-          :class="item.btnText === '立即上架' ? '' : 'btn-new'"
-          @click="toWhere(item.name)"
-        >
           {{ item.btnText }} >>
         </div>
       </div>
@@ -429,8 +419,8 @@
       color: #fff;
     }
   }
-  .titleMargin {
+  .titleMargin{
-    margin-bottom: 20px;
+    margin-bottom: 20px; 
     padding-top: 52px;
   }
 
@@ -445,21 +435,14 @@
     border-radius: 2px;
     font-size: 16px;
     cursor: pointer;
-    background: white;
+
     &:hover {
       background: #e5eefc;
     }
   }
-  .btn-new {
-    position: relative;
-    top: -104px;
-  }
 
   .img-box {
-    margin-bottom: 0px;
+    margin-bottom: 50px;
-  }
-  .img-box-new {
-    margin-bottom: -60px;
   }
 
   .service-box {