【app.json】配置说明,不断更新中

app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

 

注意:

1) json配置中键名、键值必须使用双引号,不能使用单引号。

2) 以下配置中除了page字段是必需设置,其它项目为可选项。

 

置项说明:

  1 {
  2 
  3   /**
  4   * 【必需】 pages 键值是一列数组
  5   * 指定小程序由哪些页面组成,每一项都对应一个页面的 路径 文件名 信息。文件名不需要写文件后缀
  6   * 数组第一项代表小程序的首页
  7   **/
  8   "pages": [
  9     "pages/index/index",
 10     "pages/logs/index"
 11   ],
 12 
 13   
 14   /**
 15   * window 用于设置小程序的状态栏、导航条、标题、窗口背景色。
 16   **/
 17   "window": {
 18       
 19     /**
 20     * 以下是页面顶部导航栏设置
 21     **/
 22     "navigationBarBackgroundColor" : "[Color]", // 导航栏背景颜色,默认值:#000000
 23     "navigationBarTextStyle" : "white|black", // 导航栏标题颜色,默认值white
 24     "navigationBarTitleText": "[String]" , // 导航栏标题文字内容
 25     "navigationStyle" : "default|custom", // 导航样式,默认值default。 custom 自定义导航栏,只保留右上角胶囊按钮
 26     
 27     /**
 28     * 以下是下拉刷新或上拉触底设置
 29     **/
 30     "backgroundColor" : "[Color]", // 窗口的背景色
 31     "backgroundTextStyle" : "dark|light", // 下拉 loading 的样式,默认值dark(暗)
 32     "backgroundColorTop" : "[Color]", // 顶部窗口的背景色,仅 iOS 支持
 33     "backgroundColorBottom" : "[Color]", // 底部窗口的背景色,仅 iOS 支持    
 34     "enablePullDownRefresh" : true|false, // 是否全局开启下拉刷新,值 true | false
 35     "onReachBottomDistance" : [Number] // 页面上拉触底事件触发时距页面底部距离,单位为px,默认值 50
 36     
 37   },
 38   
 39 
 40   /**
 41   * tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
 42   **/
 43   "tabBar": {
 44     
 45     "color" : "[Color]", // 【必需】 tab 上的文字默认颜色
 46     "selectedColor" : "[Color]", // 【必需】 tab 上的文字选中时的颜色
 47     "backgroundColor" : "[Color]", // 【必需】 tab 的背景色
 48     "borderStyle" : "black|white", // tabbar上边框的颜色, 默认值:black
 49     "position" : "bottom|top", // tabBar的位置,仅支持 bottom / top
 50     
 51     /**
 52     * 【必需】 tab 的列表,最少2个、最多5个 tab
 53     **/
 54     "list": [
 55       {
 56         "pagePath": "[String]", // 【必需】 打开的页面路径,必须在 pages 中先定义
 57         "text": "[String]", // 【必需】 tab 上按钮文字,比如首页
 58         "iconPath" : "[String]", // 图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。 当 postion 为 top 时,不显示 icon。
 59         "selectedIconPath" : "[String]" // 选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。当 postion 为 top 时,不显示 icon。
 60       }, 
 61       {
 62         "pagePath": "[String]",
 63         "text": "[String]", 
 64         "iconPath" : "[String]", 
 65         "selectedIconPath" : "[String]" 
 66       }
 67       //设置每个列表...
 68     ]
 69   },
 70   
 71   
 72   /**
 73   * networkTimeout 各类网络请求的超时时间,单位均为毫秒。
 74   **/
 75   "networkTimeout": {
 76     "request" : [Number],  // wx.request 的超时时间。默认值 60000
 77     "connectSocket" : [Number], // wx.connectSocket 的超时时间。默认值 60000 
 78     "uploadFile" : [Number], // wx.uploadFile 的超时时间。默认值 60000
 79     "downloadFile": [Number] // wx.downloadFile 的超时时间。默认值 60000
 80   },
 81   
 82   
 83   /**
 84   * debug 是否开启调试模式,默认关闭(false)
 85   **/
 86   "debug": true|false, 
 87 
 88   "resizable": true|false, // 值true时使小程序支持 iPad 屏幕旋转 
 89   /**
 90   * functionalPages 是否启用插件功能页,默认关闭(false)
 91   **/
 92   "functionalPages" : true|false,
 93   
 94 
 95   /**
 96   * usingComponents 定义全局可以使用的自定义组件(所有页面可用)
 97   **/
 98   "usingComponents": {      
 99       "component-tag-name": "component-path", // 格式:组件标签名称 : 自定义组件路径
100       // 可定义多个自定义组件
101    }
102   
103   /**
104   * subPackages
105   **/
106   
107   
108   /**
109   * workers
110   **/
111   
112   
113   /**
114   * requiredBackgroundModes
115   **/
116   
117   
118   /**
119   * plugins
120   **/
121   
122 }

 


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/362588.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用Java泛型的模板方法模式示例

如果发现除了某些部分外,您的许多例程完全相同,那么您可能需要考虑使用Template Method来消除容易出错的代码重复 。 这是一个示例:下面是两个做类似事情的类: 实例化并初始化Reader以从CSV文件读取。 阅读每一行并将其分解为令…

golang 使用错误总结

以下是平时一些总结,伙伴们如发现有误或者更好解决方案/其他一些问题一起分享出来,互相学习,共同进步 1 win下编译linux golang 可执行文件 ,服务器上无法运行 几种问题定位: 1 查看服务器报错日志定位 2 查看web服务器…

享受Android应用程序的Java技术盛宴

Java™ 语言是 Android 开发人员所选的工具。Android 运行时使用自己的虚拟机Dalvik,这并不是多数程序开发人员使用的普通Java 虚拟机。Dalvik支持Java 编程语言的大部分功能——但并不是全部。在本文中,您将学习高级Java功能及其如何在Android中实现。这…

echarts地图在ie浏览器上不显示

前面是安装及上手教程,参考了彩色泡泡 和 winne雪 的博客。 如果已经写好了,可以直接跳到 问题总结。 1. npm install echarts --save 2. 在 main.js 中 import echarts from echarts; Vue.prototype.$echarts echarts;3. 在页面上 import china fr…

字符串反转

<script> var mystring我是王大昭啊! mystringmystring.split().reverse().join() alert(mystring); </script> 更多专业前端知识&#xff0c;请上 【猿2048】www.mk2048.com

虚拟主机上快速安装kail

官方文档的筛选 【1】Kali Linux是什么? Kali Linux是一个高级渗透测试和安全审计Linux发行版. Kali Linux 特性 Kali是BackTrack Linux完全遵循Debian开发标准的完整重建.全新的目录框架、复查并打包所有工具、还为VCS建立了Git 树. 超过300个渗透测试工具: 复查了BackTrack里…

asp.net 跨页面传值(一)

1. 使用QueryString变量  QueryString是一种非常简单的传值方式&#xff0c;他可以将传送的值显示在浏览器的地址栏中。如果是传递一个或多个安全性要求不高或是结构简单的数值时&#xff0c;可以使用这个方法。但是对于传递数组或对象的话&#xff0c;就不能用这个方法了。下…

Java并发教程–线程之间的可见性

当在不同线程之间共享对象的状态时&#xff0c;除了原子性外&#xff0c;其他问题也会发挥作用。 其中之一是可见性。 关键事实是&#xff0c;如果没有同步&#xff0c;则不能保证指令按照它们在源代码中出现的顺序执行。 这不会影响单线程程序中的结果&#xff0c;但是&#…

让element-ui的输入框聚焦的4种方式

方法一、绑定ref 方法二、通过自定义事件中的事件对象 $event&#xff0c;找到input 方法三、使用自定义指令 方法四、使用原生input 方法一、绑定ref——参考yiyueqinghui <el-input v-model"form.name" ref"name"></el-input> this.$refs.n…

控制台打印三角形、菱形

一、 打印三角形 要求&#xff1a; 打印如下类似的三角形 * *** ***** ******* 效果&#xff1a;思路&#xff1a; &#xff08;1&#xff09; 空格每往下一层少一个。 &#xff08;2&#xff09; *是奇数数列&#xff0c;&#xff08;i – 1&#xff09;* 2 1 核心代码&#…

《React Native 精解与实战》书籍连载「React Native 网络请求与列表绑定」

此文是我的出版书籍《React Native 精解与实战》连载分享&#xff0c;此书由机械工业出版社出版&#xff0c;书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战&#xff0c;以及 React Native 与 iOS、Android 平台的混合开发底层原理…

在CloudBees上开发,测试和部署独立应用程序

CloudBees是一个云平台&#xff0c;为您的应用程序提供存储库&#xff0c;CI服务&#xff08;Jenkins&#xff09;和服务器。 因此&#xff0c;您需要开发&#xff0c;测试和部署所有内容。 有很多选项&#xff0c;例如存储库可以是Git或SVN&#xff0c;对于服务器&#xff0c;…

第五次实验

数组和指针 1. 设N个整数有序&#xff08;由小到大&#xff09;存放在一维数组中。编写函数binarySearch(),实现使用二分查找算法在一维数组中 查找特定整数item。如果找到&#xff0c;返回item在数组元素中的下标&#xff1b;如果item不在数组中&#xff0c;则返回-1。 实现方…

百度地图批量转换 GPS坐标转百度地图坐标 问题

百度地图的官方网址 官方批量转换的demo 花了几天时间了解了一下百度地图&#xff0c;之前是后端的一个小伙伴在负责&#xff0c;他跟我吐槽这是前端的东西&#xff0c;让我来写&#xff08;之前他们老大交给他了&#xff0c;我也以为是后端的任务(๑′ᴗ‵๑)。。&#xff09…

《React Native 精解与实战》书籍连载「Node.js 简介与 React Native 开发环境配置」

此文是我的出版书籍《React Native 精解与实战》连载分享&#xff0c;此书由机械工业出版社出版&#xff0c;书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战&#xff0c;以及 React Native 与 iOS、Android 平台的混合开发底层原理…

使用XStream将JSON转换为XML到Java对象

XStream库可以是将JSON从Java转换为XML来回转换的有效工具。 让我们逐一探究它们中的每一个&#xff0c;并查看使用了哪个驱动程序。 处理JSON 要将JSON转换为Java对象&#xff0c;您要做的就是使用适当的驱动程序初始化XStream对象&#xff0c;并准备将对象序列化到JSON&…

Hello Blog!

经过漫长的期待&#xff0c;终于在博客园开博了。 希望有一个很好的开端&#xff0c;请大家多多关照。 转载于:https://www.cnblogs.com/nouoo/archive/2010/09/25/1834289.html

JavaScript的二维数组

二维数组的初始化&#xff1a; 实例① var arr [[1,2],[a,b]]; console.log(arr[1][0]); //a 第2列第1行所在的元素实例② var arr new Array(new Array(1,2),new Array("a","b")); console.log(arr[1][0]);实例③ var arr new Array(); //先声…

vue+element 封装公共js代码

一、多个 js 方法&#xff0c;不想用 vue.prototype 二、使用Vue.prototype 封装公共 js 三、封装的方法较多&#xff0c;又想通过this.直接调用 一、多个 js 方法&#xff0c;不想用 vue.prototype 封装一个弹框为例&#xff1a; 1. 在 components 文件夹下新增一个 js 文件…

React.js 入门与实战课程思维导图

原文发表于我的技术博客 我在慕课网的「React.js 入门与实战之开发适配PC端及移动端新闻头条平台」课程已经上线了&#xff0c;在这里分享了课程中的思维导图&#xff0c;供大家参考。 原文发表于我的技术博客 此导图为课程中整理的重要知识点以及大纲导图&#xff0c;供大家学…