mpvue小程序怎么改变小程序每个页面的导航栏背景颜色、导航栏标题颜色、导航栏标题文字内容、窗口的背景色、是否开启下拉刷新……
微信小程序文档里面讲的很明白每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。 页面的配置比app.json全局配置简单得多,只是设置 app.json 中的 window 配置项的内容,页面中配置项会覆盖 app.json 的 window 中相同的配置项。{"navigationBarBackgroundColor": "
·
微信小程序文档里面讲的很明白
每一个小程序页面也可以使用.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
更多推荐
已为社区贡献13条内容
所有评论(0)