28 lines
1.0 KiB
Plaintext
28 lines
1.0 KiB
Plaintext
<view class="nav-root">
|
|
<!-- 悬浮玻璃导航：滚动收缩后显示居中标题 -->
|
|
<view class="nav {{scrolled ? 'is-glass' : ''}}">
|
|
<!-- 高度含状态栏：全局 box-sizing 为 border-box，需显式把状态栏高度算进总高 -->
|
|
<view class="nav-bar" style="{{capsulePad}} height: calc(88rpx + {{safeTop}}px); padding-top: {{safeTop}}px;">
|
|
<view class="nav-left">
|
|
<view
|
|
wx:if="{{back}}"
|
|
class="nav-back"
|
|
hover-class="nav-press"
|
|
hover-stay-time="80"
|
|
aria-role="button"
|
|
aria-label="返回"
|
|
bindtap="back"
|
|
>
|
|
<view class="icon icon-chevron-left"></view>
|
|
</view>
|
|
</view>
|
|
<view class="nav-title {{scrolled ? 'is-on' : ''}}">{{title}}</view>
|
|
<view class="nav-right">
|
|
<slot name="right"></slot>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 占位：悬浮导航不参与文档流，用等高占位撑开内容 -->
|
|
<view class="nav-holder" style="height: calc(88rpx + {{safeTop}}px);"></view>
|
|
</view>
|