mpvue小程序怎么改变小程序每个页面的导航栏背景颜色、导航栏标题颜色、导航栏标题文字内容、窗口的背景色、是否开启下拉刷新……

微信小程序文档里面讲的很明白

每一个小程序页面也可以使用.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文件。配置成功

end