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) => { 等待买家付款,超时自动取消 - - - + {/* + + */} onRefresh?.()}> 刷新