导航栏背景色?

依依雨柔
  • 233

设置了单个页面的导航栏背景色,却不改变颜色?
app.json
{
"pages":[

"pages/welcome/welcome",
"pages/post/post",

"pages/index/index",
"pages/logs/logs"

],
"window":{

"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#4A6141",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"

}
}
welcome.json
{
"navigationBackgroundColor":"#ECC0A8"
}

回复
阅读 4.8k
3 个回答
Olive
  • 2
新手上路,请多包涵

请问该问题解决了吗,我也遇到了这个问题

别叫我我不过去
  • 2
新手上路,请多包涵

需要把app.json里的"navigationBackgroundColor"删除,在子页面里写。虽说子页面会覆盖app.json力的"navigationBackgroundColor",但实际我发现并没有覆盖

一舧
  • 312

如果是用mpvue开发

写在main.js里面

每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。 页面的配置比app.json全局配置简单得多,只是设置 app.json 中的 window 配置项的内容,页面中配置项会覆盖 app.json 的 window 中相同的配置项。

{

"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "微信接口功能演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light" 

}
用mpvue开发时,在每个页面里面加上一个json文件,npm run dev之后,json文件消失,导致没法配置,加入json文件是不行的,在这里告诉大家一个方法。mpvue每个配置里面都会有一个main.js,这里可以通过main.js到处配置项……

import Vue from 'vue'
import App from './index'
const app = new Vue(App)
app.$mount()
export default {

config: { 
            "navigationBarBackgroundColor":"#ffffff", 
            "navigationBarTextStyle": "black",
            "navigationBarTitleText": "微信接口功能演示",
            "backgroundColor": "#eeeeee", 
            "backgroundTextStyle": "light" 
        }

}

npm run dev 之后就会生成main.json文件。配置成功

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏