已售出商品添加蒙层 review by zhiming.hu

@@ -2,7 +2,14 @@
   <div class="bg" v-if="list.length">
     <div class="second-list-item" v-for="(product,index) in list" @click="goDetail(product, index)"
          :key="index" :class="(index) % 2 === 0 && 'magrin-right'">
-      <ImgSize class="item-imge" :src="product.secondhand_image" :width="343" :height="343"/>
+
+      <div v-if="product.status === 100" class="dim-background">
+          <ImgSize class="dim-imge" :src="product.secondhand_image" :width="343" :height="343"/>
+      </div>
+      <div v-else class="item-background">
+        <ImgSize class="item-imge" :src="product.secondhand_image" :width="343" :height="343"/>
+      </div>
+
       <div class="item-bottom">
         <div class="item-price">
           <span>{{product.skup_price && '¥'}}</span><span>{{product.skup_price || ' '}}</span>
@@ -126,6 +133,10 @@ export default {
     margin-bottom: 16px;
   }
 
+  .item-background {
+    background: transparent;
+  }
+
   .item-imge {
     width: 344px;
     height: 344px;
@@ -133,6 +144,21 @@ export default {
     border-top-right-radius: 16px;
   }
 
+  .dim-background {
+    background: url(~statics/image/list/Group@2x.png) no-repeat;
+    background-size: 50% 50%;
+    background-position: center;
+  }
+
+  .dim-imge {
+    width: 344px;
+    height: 344px;
+    border-top-left-radius: 16px;
+    border-top-right-radius: 16px;
+    opacity:0.6;
+    filter: alpha(opacity=60);
+  }
+
   .item-bottom {
     padding: 20px 14px 30px 20px;
     display: flex;