From 915424730f27445da2e8de13b62e77179cc1a15a Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期一, 18 八月 2025 17:07:39 +0800
Subject: [PATCH] fix: 关闭移动充值渠道，打开电信充值渠道
---
packages/components/src/styles/orderCard.scss | 94 ++++++++++++++++++++++++++++++++++++++--------
1 files changed, 77 insertions(+), 17 deletions(-)
diff --git a/packages/components/src/styles/orderCard.scss b/packages/components/src/styles/orderCard.scss
index fa5da9f..0417ebd 100644
--- a/packages/components/src/styles/orderCard.scss
+++ b/packages/components/src/styles/orderCard.scss
@@ -1,10 +1,10 @@
@use './common.scss' as *;
.order-card {
- border: 1px solid #e8e8e8;
- border-radius: 12px;
- padding: 20px;
- margin-bottom: 20px;
+ border-radius: 24px;
+ padding: 40px 28px;
+ margin-bottom: 32px;
+ background-color: #fff;
&:last-child {
margin-bottom: 0;
@@ -12,33 +12,89 @@
.order-card-title {
display: flex;
- flex-direction: column;
- border-bottom: 1px solid #e8e8e8;
- padding-bottom: 20px;
- margin-bottom: 20px;
+ border-bottom: 1px solid #f3f3f3;
+ padding-bottom: 32px;
+ margin-bottom: 32px;
- .order-card-title-top {
+ .order-card-title-left {
display: flex;
+ flex-direction: column;
justify-content: space-between;
color: #333333;
- font-size: 28px;
- line-height: 40px;
- font-weight: 600;
- margin-bottom: 12px;
+ flex: 1;
+ min-width: 0;
+
+ .order-card-title-text-wrapper {
+ height: 68px;
+ display: flex;
+ }
+
+ .order-card-title-text {
+ font-size: 30px;
+ line-height: 42px;
+ font-weight: 400;
+ flex: 1;
+ min-width: 0;
+ display: flex;
+
+ &::before {
+ content: '';
+ display: inline-block;
+ width: 8px;
+ height: 24px;
+ background-color: #fa4640;
+ border-radius: 24px;
+ margin-right: 12px;
+ line-height: 42px;
+ margin-top: 9px;
+ }
+ }
}
.order-card-title-ordernum {
- font-size: 24px;
- color: #999999;
+ font-size: 28px;
+ line-height: 40px;
+ color: #575b6c;
+ @include ellipsis;
}
+
+ .order-card-title-status {
+ width: 90px;
+ height: 90px;
+
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+
+ .order-card-footer {
+ display: flex;
+ justify-content: flex-end;
+ padding-top: 32px;
+ margin-top: 26px;
+ border-top: solid 1px #f7f7f7;
+ }
+
+ .order-card-action {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 6px 24px;
+ color: boleGetCssVar('color', 'primary');
+ font-size: 26px;
+ line-height: 36px;
+ border: 1px solid boleGetCssVar('color', 'primary');
+ border-radius: 8px;
}
}
.order-card-item {
display: flex;
font-size: 28px;
- line-height: 40px;
- margin-bottom: 15px;
+ line-height: 48px;
+ margin-bottom: 8px;
.order-card-item-label {
color: #333333;
@@ -55,4 +111,8 @@
color: boleGetCssVar('color', 'danger');
}
}
+
+ &:last-child {
+ margin-bottom: 0;
+ }
}
--
Gitblit v1.9.1