fix: 处理地址行高问题

src/views/goodsDetail/index.less

@@ -40,6 +40,9 @@
 
 .goods {
   padding-bottom: 60px;
+  &-detail-imgs {
+    padding-bottom: 40px;
+  }
   &-container {
       height: calc(100% - 60px);
       font-size: 16px;
@@ -440,64 +443,6 @@
         margin-right: 0;
      }
   }
-  &-list{
-    padding: 0 @padding-sm - 2 60px;
-  }
-  &-buoy {
-    position: fixed;
-    right: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 40px;
-    height: 40px;
-    background: #fff;
-    border-radius: 25px;
-    border: 1px solid #EBEBEB;
-    // box-shadow: rgba(0, 0, 0, 0.4);
-  }
-  &-share {
-    bottom: 122.5px;
-    // position: absolute;
-    img {
-        width: 45px;
-        height: 45px;
-        position: absolute;
-        &::after {
-            border: none;
-        }
-    }
-    button {
-        border: none;
-        background: transparent;
-        display: flex;
-        justify-content: center;
-        // position: relative;
-        &::after {
-            border: none;
-        }
-        
-    }
-  }
-  &-like {
-    bottom: 175px;
-    img {
-        width: 45px;
-        height: 45px;
-        position: absolute;
-        &::after {
-            border: none;
-        }
-    }
-  }
-  &-top{
-    position: fixed;
-    bottom: 69px;
-    right: 10px;
-    width: 45px ;
-    height: 45px;
-    margin-bottom: 0
-  }
 }
 
 

src/views/goodsDetail/index.vue

 <template>
   <div class="goods" style="height: 100%">
     <!-- 主体 -->
-    <div v-if="!isLose" class="goods-container">
+    <div class="goods-container">
       <!-- 轮播图 -->
       <div class="goods-carousel">
         <cr-swipe class="goods-swiper" @change="onChange">
@@ -71,13 +71,6 @@
         />
       </div>
     </div>
-    <!-- 商品失效 -->
-    <div v-if="isLose" class="goods-container goods-container-lose">
-      <div class="goods-container-lose-container">
-        <img class="noImg" mode="widthFix" src="https://img.lkbang.net/xcx/lose.png" />
-        <div>您查找的商品失效了!</div>
-      </div>
-    </div>
     <cr-popup v-model="show" class="popup-head" closeable position="bottom">
       <div class="popup-title">{{ currentPopupName }}</div>
       <div v-if="currentPopupType === 'sku'" class="goods-popup">
@@ -158,6 +151,12 @@
         </div>
       </div>
     </cr-popup>
+    <bottom-nav
+      type="shoppingCar"
+      :disabled="false"
+      :shop-btn-name="buttonName"
+      @buy="goVccOrDetail"
+    />
   </div>
 </template>
 <script>
@@ -165,12 +164,14 @@ import goods from '@/api/groupBuy';
 import goodsCell from './components/goodsCell';
 import detailInfoArea from './components/detailInfo.vue';
 import Img2Thumb from '@/filters/img2Thumb.filter';
+import bottomNav from './components/bottomNav';
 export default {
   // eslint-disable-next-line vue/name-property-casing
   name: 'goodDetail',
   components: {
     detailInfoArea,
-    goodsCell
+    goodsCell,
+    bottomNav
     // tipModal
   },
   filters: {
@@ -179,7 +180,6 @@ export default {
   data() {
     return {
       flag: false,
-      isLose: false, // 商品是否已经失效
       detailParam: {
         skuNo: '',
         receiverId: '',
@@ -224,9 +224,6 @@ export default {
       }
       return arr.slice(0, 5);
     },
-    title() {
-      return this.isLose ? '猜你喜欢' : '你可能还喜欢';
-    },
     minCount() {
       return this.detailInfo.stock ? 1 : 0;
     }
@@ -332,10 +329,6 @@ export default {
         return;
       }
       this.show = false;
-      if (this.isLose) {
-        this.$toast('商品已失效');
-        return;
-      }
       const order = {
         addrReceiverId: this.selectedAddress.addrReceiverId || '',
         selectedSkuList: [