diff --git a/src/App.vue b/src/App.vue index b776e06..8dca6b6 100644 --- a/src/App.vue +++ b/src/App.vue @@ -48,8 +48,9 @@ const showHero = computed(
- -
+ +
@@ -77,13 +78,19 @@ body { max-width: 1180px; margin: 0 auto; } -/* hero 顶入玻璃顶栏之下(对齐原型 topbar margin-bottom:-51px 的叠压效果) */ +/* hero 刊头从视口顶起步:base-wrap-main 零 padding 后无需再抵消旧留白, + fixed 玻璃顶栏(z30)直接叠压刊头顶部,即原型 topbar margin-bottom:-51px 的效果 */ .app-frame .hero { - margin-top: -50px; + margin-top: 0; } .app-frame-body { padding: 12px 0 56px; } +/* 无刊头页(记录/成长足迹/区域等):base-wrap-main 已零 padding,固定顶栏(51px)悬在内容上方, + 这里补回让位(51px 栏高 + 12px 原间隙),栏目条(module-bar)不致压入顶栏之下 */ +.app-frame.no-hero { + padding-top: 63px; +} /* 全站页脚:固定窗口底部始终可见,玻璃质感与顶栏呼应;滚动内容以上留白防遮挡 */ .app-footer { position: fixed; diff --git a/src/assets/styles/profession-ui.css b/src/assets/styles/profession-ui.css index 3112366..97b70d4 100644 --- a/src/assets/styles/profession-ui.css +++ b/src/assets/styles/profession-ui.css @@ -35,6 +35,12 @@ body::after { right: -160px; } 晚于本样式注入)均不得遮挡 body 的天空渐变:html 前缀提到 (0,1,1) 与加载顺序无关地稳赢。 背景透出是本应用对皮肤声明的唯一越权缝,其余外观仍交皮肤管控 */ html .base-wrap-main { background: transparent; } +/* 布局壳纠正(老壳 layout.css 的 56px 顶留白 + 线上皮肤 base.layout.css 的 + padding:calc(var(--topbar-h) + var(--crumb-h)) 0 0 var(--side-w) 均不适用本应用): + 本应用自渲染 fixed 玻璃顶栏、1180px 居中单列,内容从视口顶全宽起步(刊头以负 margin 压入顶栏玻璃之下), + 外壳不得再加 padding;高度占满视口。html 前缀提到 (0,1,1),与加载顺序无关地压过两者。 + 固定顶栏(51px)的让位由 .app-frame.no-hero .app-frame-body 按页处理,见 App.vue */ +html .base-wrap-main { padding: 0; height: 100%; } a { text-decoration: none; color: inherit; } ul, ol { list-style: none; } .container { width: 1180px; margin: 0 auto; }