图片模糊fix review by lea.guo

 <template>
   <div class="product-wrapper">
-    <ImageFormat :src="data.goodImg" width="90" height="90"></ImageFormat>
-
+    <div class="good-image">
+      <ImageFormat :src="data.goodImg" :width="180" :height="180"></ImageFormat>
+    </div>
     <div class="product-price">
       <div class="red">¥{{data.goodPrice}}</div>
       <div class="product-name">{{data.productName}}</div>
@@ -30,6 +31,16 @@ export default {
   height: 180px;
 }
 
+.good-image {
+  width: 180px;
+  height: 180px;
+  overflow: hidden;
+    img {
+      width: 100%;
+      display: block;
+    }
+}
+
 .product-price {
   display: inline-block;
   vertical-align: top;

 <template>
   <div class="product-wrapper">
-    <ImageFormat :src="data.goodImg" width="120" height="120"></ImageFormat>
-
+    <div class="good-image">
+      <ImageFormat :src="data.goodImg" :width="240" :height="240"></ImageFormat>
+    </div>
     <div class="product-price">
       <div class="product-price-wrapper">
         <div class="price">{{data.colorName}}，{{data.sizeName}}</div>
@@ -33,6 +34,16 @@ export default {
   overflow: hidden;
 }
 
+.good-image {
+  width: 240px;
+  height: 240px;
+  overflow: hidden;
+    img {
+      width: 100%;
+      display: block;
+    }
+}
+
 .product-price {
   display: flex;
   height: 100%;