近日在用uni-app开发项目中碰到一个问题,即对于App中通过外链(outlink page)内嵌了H5页面(因为该页面需要接受mqtt消息),在跳到该页面时会同时显示outlink page和需要跳转页面的导航栏标题。需求为:
- 如果这一页有具体的页面内容(以下简称A界面),需要显示该页面独有的navigationBarTitleText,
- 如果这一页面用来跳转pdf, word等文档(以下简称B界面),需要显示outlink page的navigationBarTitleText,
可在page.json中采取以下方式:
对A界面:
{
"path": "pages/qingan/equipment/equipData",
"style": {
// // #ifdef H5
"titleNView": true,
"navigationBarBackgroundColor": "#39A692",
"backgroundColorTop": "#39A692",
"backgroundColorBottom": "#ffffff",
"navigationBarTitleText": "统计数据 ESS Statistic",
// // #endif
"app-plus": {
"bounce": "vertical",
"titleNView": false
}
}
},
即如果是H5,则titleNView的值为true,如果是app-plus,则为false。
对于B界面:
{
"path": "pages/outlinkpage/outlinkpage",
"style": {
"navigationBarBackgroundColor": "#39A692",
"backgroundColorTop": "#39A692",
"backgroundColorBottom": "#ffffff",
"navigationBarTitleText": "",
"app-plus": {
"bounce": "vertical",
"titleNView": {
"titleText":"你希望的文字",
"titleSize":"28rpx",
"titleAlign":"center"
}
}
}
},
则按照正常设置,在app-plus中设置你希望的文字即可。