使用mpvue重构个人小程序（四）全局配置_mpvue设置全局的头部背景色

作者：爱喝兽奶帝天荒 | 2024-07-01 05:19:40

踩

mpvue设置全局的头部背景色

使用mpvue重构个人小程序（三）使用Vue的语法编写

如何把右侧的小程序通过mpvue 进行重构呢？

为了干净，可以把app.json里的 tabBar等数据清掉

app.json

全局配置

在src / app.json 配置全局属性：

src/app.json

pages 是页面配置，加一个页面就配置一个。

window 是页面全局配置


"enablePullDownRefresh": true, // 开启下拉
"backgroundTextStyle": "dark", // 头部背景主题颜色类型，包括 dark 和 light
"navigationBarBackgroundColor": "#3F3F47",// 头部背景颜色
"navigationBarTitleText": "雨豆",// 头部文本内容
"navigationBarTextStyle": "white" // 头部文本颜色

效果图

局部配置

在相关页面新建 main.json 文件

效果图

是否支持下拉操作，也可以可以在单独页面配置，避免全局配置影响其他不需要下拉操作的页面。

其他配置在后续文章中陆续介绍。

下一节：使用mpvue重构个人小程序（五）插件配置mpvue-calendar

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/爱喝兽奶帝天荒/article/detail/775232