feat(fe): Step4 门面品牌色带(方案A)+ nav-bar tone

- nav-bar 加 tone="brand":透明底 + 深棕字,压在色带上;默认分支不动
- 首页/记录页顶部加 252rpx 品牌橘色带(下沿大圆角,z-index:-1 垫背后),
  盖住 nav + 切换条,门面卡在色带下方
- 切换条压在色带上:chip 半透明白 + 深棕字,选中实白
- page 加 position:relative 供色带绝对定位锚定
- 新增 --band-a/--band-b/--band-ink token(取自 preview-v3 定稿)

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Blizzard
2026-07-31 13:42:11 +08:00
parent bb7db78763
commit bbc34c5bd6
6 changed files with 42 additions and 5 deletions
+10
View File
@@ -31,3 +31,13 @@
box-shadow:0 4rpx 12rpx rgba(70,48,25,.06);
}
.nav-back:active{background:rgba(255,255,255,.95)}
/* tone="brand":色带自己是实色,nav 不再铺奶白/毛玻璃/mask,文字换深棕。
只作用在带 tone-brand 的实例,默认分支纹丝不动 */
.nav-wrap.tone-brand{
background:none;
backdrop-filter:none;-webkit-backdrop-filter:none;
-webkit-mask-image:none;mask-image:none;
}
.nav-wrap.tone-brand .nav-title{color:var(--band-ink)}
.nav-wrap.tone-brand .nav-back{color:var(--band-ink);background:rgba(255,255,255,.5)}