Browse Source

修正产品详情页

shenjj 7 years ago
parent
commit
ce6313f2a6
2 changed files with 15 additions and 5 deletions
  1. 3 3
      components/mobile/brand/ComponentDetail.vue
  2. 12 2
      pages/mobile/product/_batchCode.vue

+ 3 - 3
components/mobile/brand/ComponentDetail.vue

@@ -17,8 +17,8 @@
         <span v-if="component.attach">规格书:<img src="/images/mobile/@2x/productDetail/pdf.png" alt=""><span>查看</span></span>
         <span v-else>规格书:-</span>
       </div>
-      <div class="base-detail-item product-description" v-if="component.description">
-        <span class="description">产品描述:{{component.description}}</span>
+      <div class="base-detail-item product-description">
+        <span class="description">产品描述:{{component.description || '-'}}</span>
       </div>
       <i class="iconfont icon-shoucang" :style="isCollect?'color:#ff7800':'color: #ddd'" @click="collectComponent"></i>
     </div>
@@ -356,7 +356,7 @@
           }
           >span >span {
             margin-left: .1rem;
-            color: #418bf6;
+            color: #fff;
           }
         }
         &:last-child {

+ 12 - 2
pages/mobile/product/_batchCode.vue

@@ -2,7 +2,8 @@
   <div class="mobile-content commodity-detail">
     <div class="logo-wrap">
       <div class="wrap-title"><span class="line"></span>图片信息</div>
-      <img :src="commodity.img || '/images/store/common/default.png'" alt="">
+      <img :src="commodity.img || '/images/store/common/default.png'" alt="" v-if="commodity.img">
+      <div class="commodity-infom" v-else>暂无图片,请<span @click="showStoreInfo = true">联系卖家</span>了解具体详情</div>
     </div>
     <div class="product-info">
       <div class="wrap-title"><span class="line"></span>产品信息</div>
@@ -476,7 +477,7 @@
       }
     }
     .logo-wrap {
-      height: 5.18rem;
+      max-height: 5.18rem;
       background: #fff;
       text-align: center;
       margin: 0.2rem;
@@ -486,6 +487,15 @@
         max-width: 4.06rem;
         max-height: 3.27rem;
         margin-top: 0.4rem;
+        margin-bottom: 0.4rem;
+      }
+      div.commodity-infom {
+        font-size: 0.28rem;
+        color: #666;
+        line-height: 1.09rem;
+        span {
+          color: #3f84f6;
+        }
       }
     }
     .params-wrap {