当前位置:   article > 正文

微信小程序(三)页面配置与全局配置

微信小程序(三)页面配置与全局配置

注释很详细,直接上代码

上一篇

新增内容:

  1. 页面导航栏的属性配置
  2. 全局页面注册配置
  3. 全局导航栏配置
  4. 样式版本

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

页面:index.json

{
	//这里是页面的配置文件,可以覆盖全局的配置
	//导航栏标题
    "navigationBarTitleText": "首页",
    //导航栏背景眼色
    "navigationBarBackgroundColor": "#00b26a",
    //导航栏字体样式(其实就黑白俩种)
    "navigationBarTextStyle":"white"
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

效果演示:

在这里插入图片描述




全局: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"
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22

效果演示:

在这里插入图片描述




这里有小伙伴问了,我就只用默认的就行,页面的配置一律清空行不行

在这里插入图片描述

然后喜提

在这里插入图片描述

清空是可以的,但得留下json最外层样式(俩大括号)

在这里插入图片描述
下一篇

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/煮酒与君饮/article/detail/789461
推荐阅读
相关标签
  

闽ICP备14008679号