UI问题修复

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

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