微信小程序中如何设置不同页面的导航文字

2024-11-23
来源:网络整理

一、背景

首先我们知道app.json中有一个属性,它指定全局顶部导航栏的显示:

"window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "全局导航名称", "navigationBarTextStyle": "black" },

小程序顶部导航组件_微信小程序 开发之顶部导航栏_微信小程序顶部导航栏背景图片

** 但是这里有一个问题,那就是我们会有多个页面。每页对应的顶行列也应该不同。所以简单地设置app.json是不正确的。 **

2.设置不同页面的导航文字

在微信小程序文档中我们知道,如果需要对每个页面单独进行特殊配置,则需要在每个页面对应的目录下新建一个.json文件,这样程序在运行时会自动找到这个json文件。已加载。 。

1、例如:在代表设备的目录中新建一个.json文件

2、注意:页面的.json只能设置相关配置项来决定该页面的窗口性能,所以不需要写这个key,如:

{ "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff",

小程序顶部导航组件_微信小程序顶部导航栏背景图片_微信小程序 开发之顶部导航栏

"navigationBarTitleText": "单个页面导航名称", "navigationBarTextStyle": "black" }

这里不需要像app.json那样写这个字。

这样我们就可以为我们的每个页面添加不同的导航栏名称,即新建文件的.json文件。

加油,骚年

分享