From ece5b7b7d24f85a3253cf722291e69ca7a406192 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期二, 16 八月 2022 13:05:18 +0800
Subject: [PATCH] 完善大屏

---
 src/views/product/components/productCard.vue |   62 +++++++++++++++++++++++++------
 1 files changed, 50 insertions(+), 12 deletions(-)

diff --git a/src/views/product/components/productCard.vue b/src/views/product/components/productCard.vue
index 9f2a1aa..1f4df4f 100644
--- a/src/views/product/components/productCard.vue
+++ b/src/views/product/components/productCard.vue
@@ -1,27 +1,32 @@
 <template>
   <div class="productCard">
     <div class="image">
-      <img
-        v-if="data.pics[0]"
-        :src="'/httpImage/' + data.pics[0].url"
-        class="cursor-pointer"
-      />
+      <ImageShow v-if="data.pics[0]" :src="data.pics[0].url"></ImageShow>
     </div>
 
     <div class="info">
-      <img :src="'/httpImage/' + data.logoUrl" alt />
+      <ImageShow v-if="data.pics[0]" :src="data.logoUrl"></ImageShow>
       <div class="right">
         <div class="name">{{ data.productName }}</div>
         <div class="tagList">
-          <span class="tag" v-for="(name, index) in labels" :key="index">{{
-            name
-          }}</span>
+          <span
+            class="tag"
+            v-for="(name, index) in labels"
+            :key="index"
+            :class="{
+              red: name === '杞欢',
+              orange: name === '搴旂敤',
+              lightBlue: name === 'SDK',
+              blue: name === '浜у搧瀵嗛挜',
+            }"
+            >{{ name }}</span
+          >
         </div>
       </div>
     </div>
     <div class="des">{{ data.description }}</div>
     <Price :priceNew="data.priceBase"></Price>
-    <div class="button" @click="buyProduct">绔嬪嵆璐拱</div>
+    <div class="button" @click="buyProduct">绔嬪嵆瀹夎</div>
   </div>
 </template>
 
@@ -40,9 +45,21 @@
       this.$router.push({
         path: "/productDetail",
         query: {
-          name: this.data.productName,
+          id: this.data.id,
         },
       });
+    },
+    getColor(name) {
+      switch (name) {
+        case "绠楁硶":
+          return "red";
+        case "搴旂敤":
+          return "orange";
+        case "浜戞湇鍔�":
+          return "lightBlue";
+        case "杈圭紭璁＄畻璁惧":
+          return "blue";
+      }
     },
   },
 };
@@ -75,12 +92,13 @@
     display: flex;
 
     img {
-      margin: 0 10px;
+      margin-left: 10px;
       width: 60px;
       height: 60px;
     }
 
     .right {
+      margin-left: 10px;
       .name {
         margin-bottom: 10px;
         font-size: 16px;
@@ -95,6 +113,26 @@
           padding: 2px 5px;
           border: 1px solid #ff5033;
           color: #ff5033;
+
+          &.red {
+            color: #ff4f32;
+            border-color: #ff4f32;
+          }
+
+          &.orange {
+            color: #ff9500;
+            border-color: #ff9500;
+          }
+
+          &.lightBlue {
+            color: #00bee7;
+            border-color: #00bee7;
+          }
+
+          &.blue {
+            color: #0064ff;
+            border-color: #0064ff;
+          }
         }
       }
     }

--
Gitblit v1.8.0