🌈 style(订单详情):更换订单详情的预付款展示图片

src/pages/orderDetails/components/advanceOrderState/index.module.scss

@@ -1,74 +1,76 @@
 .advance_main {
-    width: 702px;
+  background-image: url('https://cdn.zzfzyc.com/mall/crm_order_detail_bg.png');
-    margin-top: 20px;
+  background-size: 100% 100%;
-    margin-left: 24px;
+  background-repeat: no-repeat;
-    height: 238px;
+  width: 702px;
-    background-color: #007AFF;
+  margin-top: 20px;
-    border-radius: 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 {
+    .refresh_text {
-        width: 238px;
+      font-size: 25px;
-        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;
-
-        .mconfont {
-            font-size: 36px;
-        }
-
-        .refresh_text {
-            font-size: 25px;
-        }
-    }
-}

src/pages/orderDetails/components/advanceOrderState/index.tsx

@@ -58,9 +58,9 @@ const AdvanceOrderState = ({ orderInfo, onRefresh }: Param) => {
         </View>
         <Text>等待买家付款，超时自动取消</Text>
       </View>
-      <View className={styles.cardIcon}>
+      {/* <View className={styles.cardIcon}>
-        <Image className={styles.image} src={formatImgUrl('/mall/my_cart.png')} />
+        <Image className={styles.image} src="https://cdn.zzfzyc.com/mall/crm_order_detail_bg.png" />
-      </View>
+      </View> */}
       <View className={styles.refresh} onClick={() => onRefresh?.()}>
         <Text className={classnames(styles.mconfont, 'iconfont icon-shuaxin')}></Text>
         <Text className={classnames(styles.refresh_text)}>刷新</Text>