详情页特价产品显示

components/store/CommodityInfo.vue

@@ -14,6 +14,7 @@
     <div id="commodity-info-fragment">
       <div class="commodity-detail">
         <div class="img">
+          <img src="/images/floor/specificPrice-store.png" alt="" class="specific-price" v-if="isConsignment && isSpecificPriceTag(commodity.tag)">
           <img :src="commodity.img || '/images/store/common/default.png'" style="width: 256px;height: 256px;"/>
           <div class="box">
             <img v-if="commodity.status === 602" src="/images/store/isSellOut.png" alt="">
@@ -227,6 +228,9 @@
       },
       user () {
         return this.$store.state.option.user
+      },
+      isConsignment () {
+        return this.storeInfo.type === 'CONSIGNMENT'
       }
     },
     mounted () {
@@ -235,6 +239,9 @@
       })
     },
     methods: {
+      isSpecificPriceTag: function (tag) {
+        return tag && tag.indexOf('特价') !== -1
+      },
       onInput () {
         let prices = this.commodity.prices
         if (prices && prices.length) {
@@ -534,11 +541,18 @@
     float: left;
     width: 258px;
     height: 320px;
+    position: relative;
   }
 
   .commodity-detail .img >img {
       border: 1px solid #D6D3CE;
   }
+  .commodity-detail .img .specific-price {
+    position: absolute;
+    left: 0;
+    top: 0;
+    border: none;
+  }
 
   .commodity-detail .img  .box {
     height: 62px;