Uni-App开发时page.json中H5页面导航栏设置的问题

最新推荐文章于 2024-06-20 19:44:55 发布

EinPenPen

最新推荐文章于 2024-06-20 19:44:55 发布

阅读量1.6k

点赞数 1

分类专栏：前端开发文章标签： json 前端 vue.js

本文链接：https://blog.csdn.net/PlatoPuPu/article/details/123141945

版权

在uni-app开发过程中，遇到外链内嵌H5页面导航栏显示异常的问题。对于含有具体内容的A界面，需显示独立的navigationBarTitleText；而跳转PDF、Word等文档的B界面，应显示outlink page的标题。解决方案是通过page.json动态设置titleNView，对于A界面在H5环境下设为true，app-plus设为false；B界面则在app-plus下设置所需导航文字。

摘要由CSDN通过智能技术生成

近日在用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",
	"navigationBarTitleTe