账单详情页面

2025-09-26 17:32:34 +08:00
parent 9ba0b8eb8a
commit d3ceda66d6
8 changed files with 836 additions and 88 deletions
--- a/src/user_pages/billDetail/index.scss
+++ b/src/user_pages/billDetail/index.scss
@@ -0,0 +1,56 @@
+.bill-detail-page {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  padding: 5px;
+  .title-text-box {
+    height: 118px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 16px;
+    .title-text {
+      font-family: PingFang SC;
+      font-weight: 400;
+      font-style: Regular;
+      font-size: 12px;
+      text-align: center;
+    }
+    .amount-text {
+      font-family: DingTalk JinBuTi;
+      font-weight: 400;
+      font-style: Regular;
+      font-size: 32px;
+      vertical-align: middle;
+      text-align: center;
+    }
+  }
+  .detail-wrapper {
+    padding: 12px 20px 16px;
+    border: 0.5px solid #ebebeb;
+    box-shadow: 0px 4px 36px 0px #0000000d;
+    .detail-item {
+      display: flex;
+      justify-content: space-between;
+      font-family: PingFang SC;
+      font-weight: 400;
+      font-style: Regular;
+      font-size: 12px;
+      line-height: 18px;
+      color: #000;
+      margin-bottom: 8px;
+      & > Text {
+        &:first-child {
+          color: #3c3c4399;
+        }
+      }
+      .with-btn-box {
+        display: flex;
+        gap: 8px;
+        .btn {
+          color: #007aff;
+        }
+      }
+    }
+  }
+}