时舟年
84 lines
2.3 KiB
CSS
84 lines
2.3 KiB
CSS
.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;
|
|
}
|