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

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

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

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

听网友说现在新版本更改了方法,老方法不管用了.此处贴一下热心网友的提供的方法,本人暂未验证

onLoad(){  
    wx.setNavigationBarTitle({  
      title:'修改后的导航'  
    })  
  }  

但是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

阅读更多

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