微信小程序（三）页面配置与全局配置

代码对我眨眼睛

已于 2024-01-16 23:01:16 修改

阅读量2.7k

点赞数 66

分类专栏： # 微信小程序文章标签：微信小程序小程序

于 2024-01-14 09:00:00 首次发布

本文链接：https://blog.csdn.net/m0_73756108/article/details/135539914

版权

微信小程序专栏收录该内容

66 篇文章 23 订阅

订阅专栏

文章介绍了微信小程序中如何配置页面导航栏的属性，如标题、背景颜色和字体样式，以及全局页面注册和样式版本管理。用户可以选择清空部分页面配置，但需保留最外层的App.json样式结构。

摘要由CSDN通过智能技术生成

注释很详细，直接上代码

新增内容：

页面导航栏的属性配置
全局页面注册配置
全局导航栏配置
样式版本

源码：(标准的json是不能加注释的，但为了方便理解咱做个违背标准的决定)

页面：index.json

{
	//这里是页面的配置文件，可以覆盖全局的配置
	//导航栏标题
    "navigationBarTitleText": "首页",
    //导航栏背景眼色
    "navigationBarBackgroundColor": "#00b26a",
    //导航栏字体样式（其实就黑白俩种）
    "navigationBarTextStyle":"white"
}

效果演示：

在这里插入图片描述

全局：app.json

//这里的样式是默认所有页面的，但可以被页面的配置覆盖
{
   //所有页面的注册，第一个默认为启动页
   //在这添加页面路径，编译器会自动在pages文件夹创建所需的文件
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    //和页面部分讲的是一样的，不重复
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "Weixin",
    "navigationBarBackgroundColor": "#ffffff"
  },
  //样式版本
  "style": "v2",
  //下面的入门阶段暂时用不上，用默认的就行，不解释
  "componentFramework": "glass-easel",
  "sitemapLocation": "sitemap.json",
  //懒加载，按需注入
  "lazyCodeLoading": "requiredComponents"
}