35 lines
1.2 KiB
Plaintext
35 lines
1.2 KiB
Plaintext
---
|
||
description: 小程序子页不要画与原生导航栏重复的二级 title，标题只用 navigationBarTitleText
|
||
globs: apps/mini-user/**/*.{tsx,ts}
|
||
alwaysApply: false
|
||
---
|
||
|
||
# mini-user · 小程序导航标题
|
||
|
||
微信小程序已有原生导航栏。页面内再画一层 `SubPageHeader` / 自定义 title，会与原生标题叠成**二级 title**。
|
||
|
||
## weapp
|
||
|
||
- 页面标题只走 `index.config.ts` 的 `navigationBarTitleText`
|
||
- **不要**设 `navigationStyle: 'custom'`（除非该页需要完全自定义导航，如滚动透明顶栏、商品详情）
|
||
- **不要**在页面内再渲染与原生标题重复的 `SubPageHeader`
|
||
- H5 没有原生导航栏：可保留 `SubPageHeader`（仅返回键；H5 实现已隐藏 title 文案）
|
||
|
||
```tsx
|
||
// ✅ weapp 用原生标题；H5 保留返回栏
|
||
export default definePageConfig({
|
||
navigationBarTitleText: '申请发票',
|
||
});
|
||
|
||
{process.env.TARO_ENV === 'h5' ? (
|
||
<SubPageHeader title="申请发票" onBack={...} />
|
||
) : null}
|
||
```
|
||
|
||
```tsx
|
||
// ❌ 未配页标题 + 再画一层 SubPageHeader（weapp 会双标题）
|
||
<SubPageHeader title="申请发票" />
|
||
```
|
||
|
||
弹层/区块标题（如「编辑发票抬头」）不是导航二级 title，可保留。
|