From a0d334f6a2dd329af28bc393e9e0c9a3625fc6ff Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 21 五月 2025 13:25:42 +0800 Subject: [PATCH] Merge branch 'dev-ui' of http://120.26.58.240:8888/r/LifePaymentFront into dev-ui --- packages/components/src/styles/orderCard.scss | 95 +++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 78 insertions(+), 17 deletions(-) diff --git a/packages/components/src/styles/orderCard.scss b/packages/components/src/styles/orderCard.scss index 904e0e5..fe3d890 100644 --- a/packages/components/src/styles/orderCard.scss +++ b/packages/components/src/styles/orderCard.scss @@ -1,10 +1,9 @@ @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 { @@ -13,33 +12,91 @@ .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; + align-items: center; + + &::before { + content: ''; + display: inline-block; + width: 8px; + height: 24px; + background-color: #fa4640; + border-radius: 24px; + margin-right: 12px; + } + } } .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-content { + padding-bottom: 26px; + } + + .order-card-footer { + display: flex; + justify-content: flex-end; + padding-top: 32px; + 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; @@ -56,4 +113,8 @@ color: boleGetCssVar('color', 'danger'); } } + + &:last-child { + margin-bottom: 0; + } } -- Gitblit v1.9.1