@@ -0,0 +1,34 @@
|
||||
---
|
||||
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,可保留。
|
||||
Reference in New Issue
Block a user