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:
@@ -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)}
|
||||
|
||||
Reference in New Issue
Block a user