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

2026-06-04 14:18:53 +08:00
parent c19e0e0181
commit f30514c700
170 changed files with 18092 additions and 35 deletions
@@ -0,0 +1,83 @@
+.scroll-container {
+    height: 100%;
+    width: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    box-sizing: border-box;
+}
+
+.scroll-container > view {
+    width: 100%;
+}
+
+/* ========== 子页面统一布局（参考 base.css 间距变量） ========== */
+
+.bt-page,
+.booking-page {
+    width: 100%;
+    min-height: 100%;
+    box-sizing: border-box;
+    overflow-x: hidden;
+    background-color: var(--bg-light, #F9FAFE);
+}
+
+/* 导航栏下方首个区块：与固定顶栏留出间距 */
+.bt-page > .sub-nav + .mi-mod-tabs,
+.bt-page > .sub-nav + .mi-course-list__filters,
+.bt-page > .sub-nav + .bt-page__action-bar,
+.bt-page > .sub-nav + .bt-page__body,
+.booking-page > .sub-nav + .booking-page__tabs {
+    margin-top: var(--spacing-md, 16px);
+}
+
+/* tabs / 筛选栏下方内容区：避免重复过大顶边距 */
+.bt-page > .sub-nav + .mi-mod-tabs + .bt-page__action-bar + .bt-page__body,
+.bt-page > .sub-nav + .mi-mod-tabs + .bt-page__body,
+.bt-page > .sub-nav + .mi-course-list__filters + .bt-page__body,
+.booking-page > .sub-nav + .booking-page__tabs + .bt-page__action-bar + .booking-page__body,
+.booking-page > .sub-nav + .booking-page__tabs + .booking-page__body {
+    padding-top: var(--spacing-sm, 8px);
+}
+
+/* 导航栏下直接跟操作栏（无 tabs） */
+.bt-page > .sub-nav + .bt-page__action-bar + .bt-page__body {
+    padding-top: var(--spacing-sm, 8px);
+}
+
+/* 页面内次级操作栏（原导航栏右侧按钮下移至此） */
+.bt-page__action-bar {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacing-sm, 8px);
+    padding: 0 var(--spacing-md, 16px) var(--spacing-sm, 8px);
+    box-sizing: border-box;
+}
+
+.bt-page__action-bar--end {
+    justify-content: flex-end;
+}
+
+.bt-page__action-bar-text {
+    flex: 1;
+    font-size: var(--font-size-sm, 12px);
+    color: var(--text-muted, #5E6F8D);
+    line-height: 1.4;
+}
+
+.bt-page__action-link {
+    flex-shrink: 0;
+    font-size: var(--font-size-sm, 12px);
+    font-weight: 600;
+    color: var(--primary-deep, #1A4A6F);
+    padding: 6px 12px;
+    border-radius: var(--radius-full, 999px);
+    background-color: var(--bg-white, #FFFFFF);
+    border: 1px solid var(--border-light, #E9EDF2);
+}
+
+.bt-page__action-link--primary {
+    color: var(--text-inverse, #FFFFFF);
+    border-color: transparent;
+}