diff --git a/src/components/product/index.module.scss b/src/components/product/index.module.scss
index 0100b9b..aae938f 100644
--- a/src/components/product/index.module.scss
+++ b/src/components/product/index.module.scss
@@ -81,6 +81,11 @@
       margin-top: 16px;
       @include common_ellipsis($params: 2);
     }
+    .header_con {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
     .header_label {
       width: 212px;
       height: 40px;
diff --git a/src/components/product/index.tsx b/src/components/product/index.tsx
index dd1b7c4..d64cf06 100644
--- a/src/components/product/index.tsx
+++ b/src/components/product/index.tsx
@@ -1,7 +1,9 @@
 import { Image, Text, View } from '@tarojs/components'
 import Taro from '@tarojs/taro'
 import { useCallback, useMemo } from 'react'
+import classNames from 'classnames'
 import LabAndImg from '../LabAndImg'
+import IconFont from '../iconfont/iconfont'
 import styles from './index.module.scss'
 import { goLink } from '@/common/common'
 import { formatHashTag, formatImgUrl } from '@/common/fotmat'
@@ -35,10 +37,16 @@ const Product = ({ desStatus = true, productList = [] }: Params) => {
                 <View className={styles.tag}>{item.width}</View>
                 <View className={styles.tag_g}>{item.weight_density}</View>
               </View>
-              {!!item.product_screw_id && <View className={styles.header_label}>
-                <Text>推荐</Text>
-                <Text>配套螺纹</Text>
-              </View>}
+              <View className={styles.header_con}>
+                <View>
+                  {!!item.product_screw_id
+                && <View className={styles.header_label}>
+                  <Text>推荐</Text>
+                  <Text>配套螺纹</Text>
+                </View>}
+                </View>
+                <IconFont name="icon-shoucangchenggong" size={50} />
+              </View>
             </View>
           </View>
         )