微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

微信小程序中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种请求的延迟设置

相关推荐:

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

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

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

原文地址:https://www.jb51.cc/weapp/1202060.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。