计算器-推荐产品

htmldev/loan/src/views/loan/index/child/goods.vue

@@ -6,14 +6,17 @@
           :key="index"
           @click="$emit('funJump', item)">
         <div class="left goods-cover">
-          <img :src="item.productImgUrl" alt="">
+          <img :src="routerName === 'loanRecommend' ? item.productPartnerUrl : item.productImgUrl" alt="">
         </div>
         <div class="right">
           <div class="div">
             <p class="name">{{ item.productName }}</p>
-            <p class="money">最高可贷{{ item.productPrice | toThousands }}元</p>
+            <p class="money" v-if="routerName === 'loanRecommend'">{{ item.productDesc }}</p>
+            <p class="money" v-else>最高可贷{{ item.productPrice | toThousands }}元</p>
           </div>
-          <p class="specialty">{{ item.productDesc }}</p>
+          <p class="specialty"
+             :style="{'color': routerName === 'loanRecommend' ? '#FD4646' : ''}">
+            {{ routerName === 'loanRecommend' ? '可帮您节省' + (item.lixi | toThousands) + '元利息' : item.productDesc }}</p>
         </div>
       </li>
     </ul>
@@ -39,6 +42,12 @@ export default {
         return []
       }
     }
+  },
+  computed: {
+    routerName () {
+      // loanRecommend: 推荐商品
+      return this.$router.name
+    }
   }
 }
 </script>