From a0b5604fcefa0c7900ecc50830b718f77bba8f39 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期五, 15 七月 2022 14:43:40 +0800
Subject: [PATCH] add cluster pwd
---
src/views/product/components/productCard.vue | 55 ++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 46 insertions(+), 9 deletions(-)
diff --git a/src/views/product/components/productCard.vue b/src/views/product/components/productCard.vue
index 9f2a1aa..8d69278 100644
--- a/src/views/product/components/productCard.vue
+++ b/src/views/product/components/productCard.vue
@@ -1,21 +1,26 @@
<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>
@@ -43,6 +48,18 @@
name: this.data.productName,
},
});
+ },
+ getColor(name) {
+ switch (name) {
+ case "绠楁硶":
+ return "red";
+ case "搴旂敤":
+ return "orange";
+ case "浜戞湇鍔�":
+ return "lightBlue";
+ case "杈圭紭璁＄畻璁惧":
+ return "blue";
+ }
},
},
};
@@ -95,6 +112,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