From 2500843dbffc841eeab2e0a91d735c56cb6ea357 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 22 五月 2025 17:03:46 +0800
Subject: [PATCH] feat: UI

---
 packages/components/src/styles/components.scss |  150 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 150 insertions(+), 0 deletions(-)

diff --git a/packages/components/src/styles/components.scss b/packages/components/src/styles/components.scss
index cb15a85..c49e509 100644
--- a/packages/components/src/styles/components.scss
+++ b/packages/components/src/styles/components.scss
@@ -377,3 +377,153 @@
     }
   }
 }
+
+.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: 30px;
+      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: 30px;
+        border-radius: 4px;
+        background-color: boleGetCssVar('color', 'primary');
+        margin-right: 12px;
+      }
+    }
+
+    .result-order-number-value {
+      font-size: 30px;
+      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;
+    }
+  }
+}
+
+.result-without-bg-wrapper {
+  margin-top: 32px;
+  padding: 0 40px;
+
+  .result-without-bg-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+
+    .result-without-bg-content-icon {
+      width: 320px;
+      height: 320px;
+      margin-bottom: 22px;
+    }
+
+    .result-without-bg-content-title {
+      font-size: 48px;
+      color: boleGetCssVar('text-color', 'primary');
+      font-weight: bold;
+      margin-bottom: 12px;
+      line-height: 68px;
+    }
+
+    .result-without-bg-content-remark {
+      font-size: 32px;
+      line-height: 48px;
+      color: boleGetCssVar('text-color', 'regular');
+      font-weight: 500;
+      text-align: center;
+      padding: 0 32px;
+      margin-bottom: 120px;
+    }
+  }
+
+  .result-without-bg-wrapper-tips {
+    font-size: 30px;
+    line-height: 48px;
+    color: #ff9e25;
+    margin-top: 26px;
+    padding: 0 20px;
+  }
+}

--
Gitblit v1.9.1