封装图片组件

src/pages/orderList/components/order/index.tsx

@@ -1,5 +1,6 @@
 import { goLink } from "@/common/common";
 import { formatHashTag, formatImgUrl, formatPriceDiv } from "@/common/fotmat";
+import LabAndImg from "@/components/LabAndImg";
 import OrderBtns from "@/components/orderBtns";
 import Payment from "@/pages/order/components/payment";
 import { useSelector } from "@/reducers/hooks";
@@ -21,6 +22,9 @@ type Param = {
         total_number: number,
         status: 0,
         id: number,
+        lab: any,
+        rgb: any,
+        texture_url: string,
         payment_method: number, //支付方式
         actual_amount: number, //实付金额
         wait_pay_amount: number //待付金额
@@ -75,7 +79,7 @@ export default memo(({value, onClickBtn}: Param) => {
                 </View>
                 <View className={styles.product_list}>
                     <View className={styles.image}>
-                    <Image src={formatImgUrl(value?.product_list[0].product_colors[0].texture_url)}/>
+                    <LabAndImg value={{lab:value.lab,rgb:value.rgb,texture_url:value.texture_url}}/>
                     <View className={styles.color_num}>{value?.product_list[0].product_colors[0].code}</View>
                     </View>
                     <View className={styles.color_list}>