From 28bd494e93f20b1381b8e97b9197062965cfdc63 Mon Sep 17 00:00:00 2001
From: czm <2192718639@qq.com>
Date: Thu, 12 Jan 2023 11:32:11 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix(ID1001050=20=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E5=88=97=E8=A1=A8=E5=95=86=E5=93=81=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E7=BC=BA=E5=B0=91=E8=9E=BA=E7=BA=B9=E6=8E=A8=E8=8D=90=E7=9A=84?=
 =?UTF-8?q?=E6=A0=87=E8=AF=86):?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/product/index.module.scss      | 36 +++++++++++++++++--
 src/components/product/index.tsx              |  8 +++--
 .../recommendProduct/index.module.scss        |  4 +--
 3 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/src/components/product/index.module.scss b/src/components/product/index.module.scss
index e6face5..0100b9b 100644
--- a/src/components/product/index.module.scss
+++ b/src/components/product/index.module.scss
@@ -7,16 +7,18 @@
   width: 100%;
   background-color: #fff;
   border-radius: 20px;
-  padding: 20px;
+  padding: 10px;
   box-sizing: border-box;
   display: flex;
+  // height: 160px;
+  box-sizing: border-box;
   justify-content: space-between;
   &:nth-child(n + 2) {
     margin-top: 16px;
   }
   .item_img {
-    width: 198px;
-    height: 198px;
+    width: 160px;
+    height: 160px;
     position: relative;
     image {
       width: 100%;
@@ -79,5 +81,33 @@
       margin-top: 16px;
       @include common_ellipsis($params: 2);
     }
+    .header_label {
+      width: 212px;
+      height: 40px;
+      background: #fcf4e9;
+      border-radius: 5px;
+      font-size: 24px;
+      display: flex;
+      text {
+        display: inline-block;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        &:nth-child(1) {
+          width: 80px;
+          height: 40px;
+          background: #fee5cd;
+          border-radius: 5px 0px 0px 5px;
+          color: #522b0fff;
+        }
+        &:nth-child(2) {
+          flex: 1;
+          background: #fcf4e9ff;
+          border-radius: 0px 5px 5px 0px;
+          color: #c57c26ff;
+        }
+      }
+    }
   }
 }
diff --git a/src/components/product/index.tsx b/src/components/product/index.tsx
index 822c257..dd1b7c4 100644
--- a/src/components/product/index.tsx
+++ b/src/components/product/index.tsx
@@ -1,4 +1,4 @@
-import { Image, View } from '@tarojs/components'
+import { Image, Text, View } from '@tarojs/components'
 import Taro from '@tarojs/taro'
 import { useCallback, useMemo } from 'react'
 import LabAndImg from '../LabAndImg'
@@ -35,8 +35,10 @@ const Product = ({ desStatus = true, productList = [] }: Params) => {
                 <View className={styles.tag}>{item.width}</View>
                 <View className={styles.tag_g}>{item.weight_density}</View>
               </View>
-              <View className={styles.introduce}>{`${item.craft}；${item.component}`}</View>
-              {desStatus && <View className={styles.des}>{item.describe}</View>}
+              {!!item.product_screw_id && <View className={styles.header_label}>
+                <Text>推荐</Text>
+                <Text>配套螺纹</Text>
+              </View>}
             </View>
           </View>
         )
diff --git a/src/pages/shopCar/components/recommendProduct/index.module.scss b/src/pages/shopCar/components/recommendProduct/index.module.scss
index e50913b..c245010 100644
--- a/src/pages/shopCar/components/recommendProduct/index.module.scss
+++ b/src/pages/shopCar/components/recommendProduct/index.module.scss
@@ -23,7 +23,7 @@
     bottom: 0;
     right: 0;
     background-color: #fff;
-    z-index: 1600;
+    z-index: 1800;
     border-radius: 16px;
     padding: 32px;
     box-sizing: border-box;
@@ -54,6 +54,6 @@
     height: 100vh;
     width: 100vh;
     background: rgba(0, 0, 0, 0.6);
-    z-index: 1500;
+    z-index: 1700;
   }
 }