首页 > 编程语言 >小程序配置

小程序配置

时间:2023-12-14 10:44:38浏览次数:33  
标签:配置 systemInfo statusBarHeight 程序 json 页面

JSON配置

app.json

是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。

点击查看代码
{
  "pages":[//页面路由,在这里添加路由可以自动生成对应文件
    "pages/index/index",
    "pages/logs/logs",
    "pages/demo01/demo01"
  ],
  "window":{//定义小程序所有页面的顶部背景颜色,文字颜色定义等
  	//下拉 loading 的样式,仅支持 dark / light
    "backgroundTextStyle":"light",
    //导航栏的样式
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

工具配置 project.config.json

个性化配置,例如界面颜色、编译配置等等

点击查看代码
"miniprogramRoot": "miniprogram/", //指定小程序源码的目录(需为相对路径)
"compileType": "miniprogram",//编译类型,miniprogram当前为普通小程序项目。plugin当前为小程序插件项目

页面配置 page.json

对每个页面进行单独配置

sitemap 配置

⽤于配置⼩程序及其⻚⾯是否允许被微信索引

生命周期函数

onLaunch

onlaunch:当小程序初始化完成时,会触发 onLaunch(全局只触发一次)(app.js);
--获取设备信息
app.js

点击查看代码
App<IAppOption>({
  globalData: {
    tabBarHeight: 0,
    navBarHeight: 0,
    statusBarHeight: 0
  },
 onLaunch() {
 const systemInfo = wx.getSystemInfoSync();
  this.globalData.tabBarHeight = systemInfo.screenHeight - systemInfo.windowHeight - systemInfo.statusBarHeight; (px)
    this.globalData.navBarHeight = (systemInfo.statusBarHeight + 44) * 2;
    this.globalData.statusBarHeight = systemInfo.statusBarHeight * 2;
 }

标签:配置,systemInfo,statusBarHeight,程序,json,页面
From: https://www.cnblogs.com/kira2022/p/17899583.html

相关文章

  • vs2022 vim配置
    参考:Vs中使用Vim模式_vsvim-CSDN博客,其他待补充 ......
  • 第1-14届河南省大学生程序设计竞赛(ICPC-ACM河南省赛)
    河南省大学生程序设计竞赛又称为河南省内的ACM,是河南省内大学生程序设计的盛宴  2021年5月22日至23日,河南省第十三届大学生程序设计竞赛在  河南农业大学举行,2022年 4月16日,中原工学院我院2022年(第14届)ACM程序设计竞赛决赛在学院基础实验楼举行。5月20日至21日,2023年......
  • 03C# 从命令行或环境变量读取配置
    前面几篇文章主要讲解读取Json文件,这篇文章讲解如何通过命令行和环境变量读取配置安装Nuget包:Micosoft.Extensions.Configuration.CommandLine(命令行读取)安装Nuget包:Micosoft.Extensions.Configuration.EnvironmentVariables(环境变量读取)配置命令行参数: 配置环境变量参......
  • [good]visual studio 2022 创建空的win32程序
    参考这个VS创建空的Win32程序-fenggwsx-博客园(cnblogs.com)   编译运行 ......
  • 程序员成长:微创新是怎么发生的
    一、"发现的乐趣"今天在看费曼的一本书,叫做《发现的乐趣》里面有一个评论。我觉得还挺有意思的,今天拿出来跟大家分享一下。那么这个评论的原文就是说“创新是来自于解决问题的结果”。 费曼是20世纪著名的物理学家,诺贝尔物理学奖获得者。他出生于1918年,于1995年去世。费曼在物......
  • git 配置多个ssh
    1、配置用户名、密码查看配置--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown$gitconfig--global-lfilter.lfs.clean=git-lfsclean--%ffilter.lfs.smudge=git-lfssmudge--%ffilter.lfs.process=git-lfsfilter-proce......
  • 02C#选项方式(Options)读取配置
    上篇文章的讲解,配置文件可以转换成实体类,这篇文章讲解如何通过选项方式结合依赖注入进行配置目的:实体类可以通过依赖注入获取配置文件映射的实体类1)安装Nuget包:Microsoft.Extensions.Options2)配置Json文件于实体类的映射并注册到容器中3)实体类通过构造函数注入配置类,有3种方式......
  • 《程序员进阶心法》读书(二)
    《程序员进阶心法》读书(二)(一)主要是第一二篇的知识点,本文是剩余的第三四篇的知识点描述问题的模式问题的上下文问题的具体描述问题的解决思考和思路问题的解决方案和具体技术或办法问题解决后的留下的思考或者其他延伸的疑问个人体会:或许可以作为写一片技术......
  • 《程序员进阶心法》读书(一)
    《程序员进阶心法》读书(一)前段时间在why佬技术群里有童鞋介绍了《程序员进阶心法》这本书,后来去图书馆借书偶然又遇到了这本书,我本人也是一直在找一个突破技术的方法,遂借来读读,我是先粗读了一遍,后又细读了比较关心的章节,收获比较大,特此记录。在前言里作者提到:这是一本关于路径......
  • 3.1-华三-无线局域网的配置实验
    1.规划需求目的:搭建一个基本的无线局域网。AC上的配置:1.网段规划管理AP:vlan100IP:10.1.1.024业务地址:vlan1000IP:10.1.2.0242.做DHCP服务器,能分配地址给AP/客户端。(实际上,dhcp服务器,大多数是用微软windowsserver系统做DHCP服务器。第一步:模拟器画上好拓扑......