鍍金池/ 問答/HTML/ 導航欄背景色？

導航欄背景色？

設置了單個頁面的導航欄背景色，卻不改變顏色？
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"
}

回答
編輯回答
笨小蛋

如果是用mpvue開發(fā)

寫在main.js里面

每一個小程序頁面也可以使用.json文件來對本頁面的窗口表現(xiàn)進行配置。 頁面的配置比app.json全局配置簡單得多，只是設置 app.json 中的 window 配置項的內(nèi)容，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。

{

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

}
用mpvue開發(fā)時，在每個頁面里面加上一個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文件。配置成功

2018年4月10日 11:26
編輯回答
嫑吢丕

請問該問題解決了嗎，我也遇到了這個問題

2018年6月19日 09:12
編輯回答
嘟尛嘴

需要把app.json里的"navigationBackgroundColor"刪除，在子頁面里寫。雖說子頁面會覆蓋app.json力的"navigationBackgroundColor"，但實際我發(fā)現(xiàn)并沒有覆蓋

2018年3月23日 01:22