会员个人中心页面初步完成

2026-06-04 14:18:53 +08:00
parent c19e0e0181
commit f30514c700
170 changed files with 18092 additions and 35 deletions
@@ -0,0 +1,99 @@
+/* 组件根节点：锁定浅色变量 + box-sizing（小程序组件内继承 page 的 theme-light 不稳定） */
+.status-bar,
+.profile-header,
+.member-card-section,
+.quick-actions,
+.booking-section,
+.checkin-section,
+.body-report-section,
+.coupon-section,
+.referral-section,
+.settings-section,
+.logout-btn__border-wrap,
+.logout-section {
+    box-sizing: border-box;
+    --primary-dark: #0B2B4B;
+    --primary-deep: #1A4A6F;
+    --primary-light: #2C6288;
+    --accent-orange: #FF6B35;
+    --accent-orange-light: #FF8C5A;
+    --accent-orange-dark: #E55A2B;
+    --bg-light: #F9FAFE;
+    --bg-white: #FFFFFF;
+    --bg-gray: #F2F5F9;
+    --text-dark: #1E2A3A;
+    --text-muted: #5E6F8D;
+    --text-light: #8A99B4;
+    --text-inverse: #FFFFFF;
+    --border-light: #E9EDF2;
+    --border-focus: #FF6B35;
+    --success-green: #2ECC71;
+    --warning-amber: #F39C12;
+    --error-red: #E74C3C;
+    --info-blue: #3498DB;
+    --spacing-xs: 4px;
+    --spacing-sm: 8px;
+    --spacing-md: 16px;
+    --spacing-lg: 24px;
+    --spacing-xl: 32px;
+    --radius-sm: 12px;
+    --radius-md: 20px;
+    --radius-lg: 28px;
+    --radius-full: 999px;
+    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+    --font-size-xs: 11px;
+    --font-size-sm: 12px;
+    --font-size-base: 14px;
+    --font-size-md: 16px;
+    --font-size-lg: 18px;
+    --font-size-xl: 20px;
+    --font-size-2xl: 22px;
+    --font-size-3xl: 24px;
+    --font-size-4xl: 28px;
+    --font-size-5xl: 32px;
+    --font-weight-regular: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+/* 区块标题右侧操作链接：查看全部 / 全部记录 / 历史数据 / 推荐记录 */
+.member-card-section__link-text,
+.booking-section__view-all,
+.checkin-section__view-all,
+.coupon-section__view-all,
+.body-report-section__history-link,
+.referral-section__records-link {
+    font-size: var(--font-size-base, 14px);
+    font-family: var(--font-family);
+    font-weight: 400;
+    color: var(--accent-orange);
+    white-space: nowrap;
+    flex-shrink: 0;
+    line-height: 1.4;
+}
+
+.member-card-section__link,
+.booking-section__link,
+.checkin-section__link,
+.coupon-section__link,
+.body-report-section__link,
+.referral-section__link {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 2px;
+    flex-shrink: 0;
+}
+
+.member-card-section__link-arrow,
+.booking-section__link-arrow,
+.checkin-section__link-arrow,
+.coupon-section__link-arrow,
+.body-report-section__link-arrow,
+.referral-section__link-arrow {
+    width: 14px;
+    height: 14px;
+    flex-shrink: 0;
+    display: block;
+}