feat(member): implement points mall module pages

2026-03-04 11:57:05 +08:00
parent 645a3beb47
commit 8f64978bf0
33 changed files with 4904 additions and 2 deletions
--- a/apps/web-antd/src/views/member/points-mall/styles/modal.less
+++ b/apps/web-antd/src/views/member/points-mall/styles/modal.less
@@ -0,0 +1,77 @@
+.page-member-points-mall {
+  .mpm-picker-toolbar {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    margin-bottom: 12px;
+  }
+
+  .mpm-picker-empty {
+    padding: 32px 12px;
+    border: 1px dashed #e5e7eb;
+    border-radius: 10px;
+  }
+
+  .mpm-picker-table-wrap {
+    max-height: 420px;
+    overflow: auto;
+    border: 1px solid #e5e7eb;
+    border-radius: 10px;
+  }
+
+  .mpm-picker-table {
+    width: 100%;
+    min-width: 680px;
+    border-collapse: collapse;
+  }
+
+  .mpm-picker-table th,
+  .mpm-picker-table td {
+    padding: 10px 12px;
+    font-size: 13px;
+    color: #334155;
+    text-align: left;
+    white-space: nowrap;
+    border-bottom: 1px solid #f1f5f9;
+  }
+
+  .mpm-picker-table th {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    font-size: 12px;
+    color: #64748b;
+    background: #f8fafc;
+  }
+
+  .mpm-picker-table tr {
+    cursor: pointer;
+  }
+
+  .mpm-picker-table tr.checked {
+    background: #eff6ff;
+  }
+
+  .mpm-picker-table .name {
+    font-size: 13px;
+    color: #111827;
+  }
+
+  .mpm-picker-table .spu {
+    margin-top: 2px;
+    font-size: 12px;
+    color: #9ca3af;
+  }
+
+  .mpm-picker-table .col-radio {
+    width: 52px;
+  }
+
+  .mpm-picker-table .col-price {
+    width: 120px;
+  }
+
+  .mpm-picker-table .col-status {
+    width: 120px;
+  }
+}