微信小程序中app.json配置的代码解析

本篇文章给大家带来的内容是关于微信小程序中app.json配置的代码解析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

app.json配置详细分析

{
  pages: [    pages/index/index,    pages/vultr/vultr
  ],
  window: {
    navigationBarBackgroundColor: #ff99bb,
    navigationBarTextStyle: black,
    navigationBarTitleText: 小程序,
    backgroundColor: #c2f0f0,
    backgroundTextStyle: light,
    enablePullDownRefresh: true
  },
  tabBar: {
    color: #ff99ff,
    selectedColor: #99bbff,
    backgroundColor: #ff4dd2,
    borderStyle: black,
    position:top,
    list: [{
      pagePath: pages/index/index,
      text: 首页,
      iconPath: img/1.png,
      selectedIconPath: img/3.png
    },{
      pagePath: pages/vultr/vultr,
      text: 科学,
      iconPath: img/2.png,
      selectedIconPath: img/3.png
    }]  },
  networkTimeout: {
    request: 20000,
    connectSocket: 20000,
    uploadFile: 20000,
    downloadFile: 20000
  }}

结构分成4部分

  1. 页面注册

  2. 窗体设置

  3. 菜单栏设置

  4. 网络延迟设置

页面注册

窗体设置

  • 设置内容为屏幕最上层部分,主要有导航栏、可拉动和拉动时背景设置

  • 导航栏有三个属性

  • 可拉动有一个

  • 可拉动后的背景颜色设置

菜单栏设置

网络延迟设置

  • 主要是对4种请求的延迟设置

相关推荐:

小程序中页面布局和绝对定位以及按钮代码

微信小程序如何获取音乐链接(图文)

微信小程序中带参数返回上一页的方法总结(三种)

相关文章

开发微信小程序的用户授权登录功能
小程序开发页面如何实现跳转?
浅谈小程序开发中蓝牙连接错误分析及解决方法
什么是小程序?它有哪些功能?
如何配置小程序开发项目结构?(教程)
怎么把自己的店加入小程序