zooble / text-to-audio

<view class="nav-bar" style="background: {{background}}; height: {{totalHeight}}px;">
  <!-- 状态栏占位 -->
  <view class="status-bar" style="height: {{statusBarHeight}}px;"></view>

  <!-- 导航栏内容 -->
  <view class="nav-bar-content" style="height: {{navBarHeight}}px;">
    <!-- 左侧返回按钮区域 -->
    <view class="nav-bar-left">
      <view wx:if="{{showBack}}" class="nav-bar-btn" bindtap="onBack">
        <view class="back-icon" style="border-color: {{backIconColor}};"></view>
      </view>
      <view wx:if="{{showHome}}" class="nav-bar-btn" bindtap="onHome">
        <view class="home-icon" style="color: {{backIconColor}};">⌂</view>
      </view>
    </view>

    <!-- 中间标题 -->
    <view class="nav-bar-title" style="color: {{color}};">
      {{title}}
    </view>

    <!-- 右侧占位（保持标题居中） -->
    <view class="nav-bar-right">
      <slot name="right"></slot>
    </view>
  </view>
</view>

<!-- 占位元素，防止页面内容被导航栏遮挡 -->
<view class="nav-bar-placeholder" style="height: {{totalHeight}}px;"></view>