diff --git a/src/pages/colorCardClipping/components/productItem/index.module.scss b/src/pages/colorCardClipping/components/productItem/index.module.scss
index 0866e28..9f3b9ac 100644
--- a/src/pages/colorCardClipping/components/productItem/index.module.scss
+++ b/src/pages/colorCardClipping/components/productItem/index.module.scss
@@ -49,6 +49,22 @@
           }
         }
       }
+      .item_con_tag {
+        display: flex;
+        flex-flow: row wrap;
+        margin-top: 8px;
+        padding-left: 24px;
+        .tag {
+          box-sizing: border-box;
+          background-color: #e4ecfe;
+          color: $color_main;
+          padding: 4px 8px;
+          margin-right: 8px;
+          font-size: 22px;
+          margin-bottom: 10px;
+          border-radius: 10px;
+        }
+      }
       .item_con_count {
         text-align: right;
         color: rgba(0, 0, 0, 0.6);
diff --git a/src/pages/colorCardClipping/components/productItem/index.tsx b/src/pages/colorCardClipping/components/productItem/index.tsx
index 4044a0f..3548886 100644
--- a/src/pages/colorCardClipping/components/productItem/index.tsx
+++ b/src/pages/colorCardClipping/components/productItem/index.tsx
@@ -3,6 +3,7 @@ import { useMemo } from 'react'
 import styles from './index.module.scss'
 import LabAndImg from '@/components/LabAndImg'
 import { goLink } from '@/common/common'
+import { formatRemoveHashTag } from '@/common/fotmat'
 
 interface color_card_info {
   count: number
@@ -10,6 +11,7 @@ interface color_card_info {
   name: string
   rgb: { r: number; g: number; b: number }
   texture_url: string
+  affiliation_product: any[]
 }
 
 export interface ParamItem {
@@ -62,6 +64,14 @@ export default (props: Param) => {
           <Text>{card_one?.name}</Text>
           <Text>{value.shipment_mode_name}</Text>
         </View>
+        <View className={styles.item_con_tag}>
+          {
+            value.color_card_info?.[0].affiliation_product?.map((item) => {
+              return <View className={styles.tag} key={item.id}>{formatRemoveHashTag(item.code)}</View>
+            })
+          }
+          <View></View>
+        </View>
         <Text className={styles.item_con_count}>x{card_one?.count}本</Text>
       </View>