From 5dd76cdced272aba820d684124382d8fbfdebe54 Mon Sep 17 00:00:00 2001
From: Haiyi <1021441632@qq.com>
Date: Fri, 9 Dec 2022 16:35:43 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=88=20style(=E8=AE=A2=E5=8D=95?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85):=E6=9B=B4=E6=8D=A2=E8=AE=A2=E5=8D=95?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E7=9A=84=E9=A2=84=E4=BB=98=E6=AC=BE=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../advanceOrderState/index.module.scss       | 136 +++++++++---------
 .../components/advanceOrderState/index.tsx    |   6 +-
 2 files changed, 72 insertions(+), 70 deletions(-)

diff --git a/src/pages/orderDetails/components/advanceOrderState/index.module.scss b/src/pages/orderDetails/components/advanceOrderState/index.module.scss
index a33b863..bc8452a 100644
--- a/src/pages/orderDetails/components/advanceOrderState/index.module.scss
+++ b/src/pages/orderDetails/components/advanceOrderState/index.module.scss
@@ -1,74 +1,76 @@
 .advance_main {
-    width: 702px;
-    margin-top: 20px;
-    margin-left: 24px;
-    height: 238px;
-    background-color: #007AFF;
-    border-radius: 20px;
+  background-image: url('https://cdn.zzfzyc.com/mall/crm_order_detail_bg.png');
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  width: 702px;
+  margin-top: 20px;
+  margin-left: 24px;
+  height: 238px;
+  background-color: #007aff;
+  border-radius: 20px;
+  display: flex;
+  align-items: center;
+  font-size: 24px;
+  color: #dddddd;
+  position: relative;
+
+  .time_con {
+    padding-left: 30px;
+
+    .times {
+      margin-bottom: 25px;
+      display: flex;
+      align-items: center;
+
+      .text {
+        margin-right: 15px;
+      }
+
+      .num {
+        width: 46px;
+        height: 50px;
+        background: #0063ce;
+        border-radius: 10px;
+        line-height: 50px;
+        text-align: center;
+        font-weight: 700;
+        color: #fff;
+      }
+
+      .separate {
+        padding: 0 10px;
+      }
+    }
+  }
+
+  .cardIcon {
+    width: 238px;
+    height: 178px;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+
+    .image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .refresh {
+    position: absolute;
+    top: 23px;
+    right: 20px;
+    display: flex;
+    color: #dddddd;
     display: flex;
     align-items: center;
-    font-size: 24px;
-    color: #dddddd;
-    position: relative;
-
-    .time_con {
-        padding-left: 30px;
-
-        .times {
-            margin-bottom: 25px;
-            display: flex;
-            align-items: center;
-
-            .text {
-                margin-right: 15px;
-            }
-
-            .num {
-                width: 46px;
-                height: 50px;
-                background: #0063ce;
-                border-radius: 10px;
-                line-height: 50px;
-                text-align: center;
-                font-weight: 700;
-                color: #fff;
-            }
-
-            .separate {
-                padding: 0 10px;
-            }
-        }
 
+    .mconfont {
+      font-size: 36px;
     }
 
-    .cardIcon {
-        width: 238px;
-        height: 178px;
-        position: absolute;
-        right: 0;
-        bottom: 0;
-
-        .image {
-            width: 100%;
-            height: 100%;
-        }
+    .refresh_text {
+      font-size: 25px;
     }
-
-    .refresh {
-        position: absolute;
-        top: 23px;
-        right: 20px;
-        display: flex;
-        color: #dddddd;
-        display: flex;
-        align-items: center;
-
-        .mconfont {
-            font-size: 36px;
-        }
-
-        .refresh_text {
-            font-size: 25px;
-        }
-    }
-}
\ No newline at end of file
+  }
+}
diff --git a/src/pages/orderDetails/components/advanceOrderState/index.tsx b/src/pages/orderDetails/components/advanceOrderState/index.tsx
index 5f6efee..1b60b88 100644
--- a/src/pages/orderDetails/components/advanceOrderState/index.tsx
+++ b/src/pages/orderDetails/components/advanceOrderState/index.tsx
@@ -58,9 +58,9 @@ const AdvanceOrderState = ({ orderInfo, onRefresh }: Param) => {
         </View>
         <Text>等待买家付款，超时自动取消</Text>
       </View>
-      <View className={styles.cardIcon}>
-        <Image className={styles.image} src={formatImgUrl('/mall/my_cart.png')} />
-      </View>
+      {/* <View className={styles.cardIcon}>
+        <Image className={styles.image} src="https://cdn.zzfzyc.com/mall/crm_order_detail_bg.png" />
+      </View> */}
       <View className={styles.refresh} onClick={() => onRefresh?.()}>
         <Text className={classnames(styles.mconfont, 'iconfont icon-shuaxin')}></Text>
         <Text className={classnames(styles.refresh_text)}>刷新</Text>