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

阅读更多
个人分类: 微信小程序 mpvue
上一篇vue不能检测到数组的变动
下一篇atom Keybinding Resolver
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭