From 70356805ba284a5e4ee863a411542809e77d2d76 Mon Sep 17 00:00:00 2001
From: wuhongjian <wuhongjian@hisense.com>
Date: Wed, 4 Jan 2023 17:14:20 +0800
Subject: [PATCH] =?UTF-8?q?UI=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../instructionManual/components/menuBook.vue | 29 +++++++++++++++----
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/front/src/views/instructionManual/components/menuBook.vue b/front/src/views/instructionManual/components/menuBook.vue
index b1f63f32..c4fe8828 100644
--- a/front/src/views/instructionManual/components/menuBook.vue
+++ b/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,8 +429,8 @@
       color: #fff;
     }
   }
-  .titleMargin{
-    margin-bottom: 20px; 
+  .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 {