From e662aa7d894a0b259dc1816e79514c1f0d38da9f Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 21 五月 2025 16:14:05 +0800 Subject: [PATCH] Merge branch 'dev-ui' of http://120.26.58.240:8888/r/LifePaymentFront into dev-ui --- packages/components/src/styles/components.scss | 106 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 106 insertions(+), 0 deletions(-) diff --git a/packages/components/src/styles/components.scss b/packages/components/src/styles/components.scss index cb15a85..80ae8a9 100644 --- a/packages/components/src/styles/components.scss +++ b/packages/components/src/styles/components.scss @@ -377,3 +377,109 @@ } } } + +.result-wrapper { + margin-top: 32px; + + .result-content { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding: 64px 0; + background-color: #ffffff; + border-radius: 20px; + margin-bottom: 32px; + + .result-content-icon { + width: 128px; + height: 128px; + margin-bottom: 50px; + } + + .result-content-title { + font-size: 36px; + color: boleGetCssVar('text-color', 'primary'); + font-weight: 600; + margin-bottom: 10px; + line-height: 52px; + } + + .result-content-remark { + font-size: 24px; + line-height: 38px; + color: boleGetCssVar('text-color', 'regular'); + font-weight: 400; + text-align: center; + padding: 0 100px; + } + } + + .result-order-number { + background-color: #ffffff; + border-radius: 20px; + padding: 24px 32px; + display: flex; + margin-bottom: 32px; + + .result-order-number-label { + font-size: 26px; + color: boleGetCssVar('text-color', 'primary'); + font-weight: 400; + line-height: 42px; + display: inline-flex; + align-items: center; + + &::before { + content: ''; + display: inline-block; + width: 8px; + height: 22px; + border-radius: 20px; + background-color: boleGetCssVar('color', 'primary'); + margin-right: 12px; + } + } + + .result-order-number-value { + font-size: 26px; + color: boleGetCssVar('text-color', 'primary'); + font-weight: 400; + line-height: 42px; + text-align: right; + flex: 1; + min-width: 0; + @include ellipsis(); + } + } + + .result-wrapper-tips { + .result-wrapper-tips-item { + margin-bottom: 16px; + font-size: 28px; + color: boleGetCssVar('text-color', 'regular'); + font-weight: 400; + line-height: 44px; + + &.title { + margin-bottom: 12px; + font-size: 30px; + color: boleGetCssVar('text-color', 'primary'); + font-weight: 400; + } + + &.danger { + color: boleGetCssVar('color', 'danger'); + } + &.warning { + color: boleGetCssVar('color', 'warning'); + } + } + } + + .result-wrapper-actions { + .recharge-button-text { + font-size: 32px; + } + } +} -- Gitblit v1.9.1