微信小程序 - app.json配置解析
{
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/login/login"
],
"window": {
/**
* 以下是页面顶部导航栏设置
**/
"navigationBarBackgroundColor": "#ffffff", // 导航栏背景颜色,默认值:#000000
"navigationBarTextStyle": "black", // 导航栏标题颜色,默认值white
"navigationBarTitleText": "wechat", // 导航栏标题文字内容
"navigationStyle": "default", // 导航样式,默认值default。 custom 自定义导航栏,只保留右上角胶囊按钮
/**
* 以下是下拉刷新或上拉触底设置
**/
"backgroundColor": "#eee", // 窗口的背景色
"backgroundTextStyle": "light", // 下拉 loading 的样式,默认值dark(暗)
"backgroundColorTop": "#aaa", // 顶部窗口的背景色,仅 iOS 支持
"backgroundColorBottom": "#aaa", // 底部窗口的背景色,仅 iOS 支持
"enablePullDownRefresh": true, // 是否全局开启下拉刷新,值 true | false
"onReachBottomDistance": 50 // 页面上拉触底事件触发时距页面底部距离,单位为px,默认值 50
},
"tabBar": {
"color": "#000", // 【必需】 tab 上的文字默认颜色
"selectedColor": "#56abe4", // 【必需】 tab 上的文字选中时的颜色
"backgroundColor": "#fff", // 【必需】 tab 的背景色
"borderStyle": "white", // tabbar上边框的颜色, 默认值:black
"position": "bottom", // tabBar的位置,仅支持 bottom / top
/**
*【必需】 tab 的列表,最少2个、最多5个 tab
**/
"list": [
{
"pagePath": "pages/index/index", // 【必需】 打开的页面路径,必须在 pages 中先定义
"text": "首页" // 【必需】 tab 上按钮文字,比如首页
"iconPath": "img/indexIcon", // 图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。 当 postion 为 top 时,不显示 icon。
"selectedIconPath": "img/indexIcon_on // 选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。当 postion 为 top 时,不显示 icon。
},
{
"pagePath": "pages/logs/logs",
"text": "日志"
},
{
"pagePath": "pages/login/login",
"text": "登录"
}
]
},
/**
* networkTimeout 各类网络请求的超时时间,单位均为毫秒。
**/
"networkTimeout": {
"request": 30000, // wx.request 的超时时间。默认值 60000
"connectSocket": 3000, // wx.connectSocket 的超时时间。默认值 60000
"uploadFile": 30000, // wx.uploadFile 的超时时间。默认值 60000
"downloadFile": 30000 // wx.downloadFile 的超时时间。默认值 60000
},
"debug": true, //debug 是否开启调试模式,默认关闭(false)
"resizable": true, // 值true时使小程序支持 iPad 屏幕旋转
"functionalPages": true, //functionalPages 是否启用插件功能页,默认关闭(false)
/**
* usingComponents 定义全局可以使用的自定义组件(所有页面可用)
**/
"usingComponents": {
"component-tag-name": "component-path" // 格式:组件标签名称 : 自定义组件路径
// 可定义多个自定义组件
}
}
微信小程序 - app.json配置解析的更多相关文章
- 微信小程序 app.json 配置
我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包含了所有配置选项的简单配置app.json : { " ...
- 微信小程序 | app.json配置属性
app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. widows: 用于设置小程序的状态栏.导航条.标题.窗口背景色. navig ...
- 微信小程序app.json配置
找到app.json文件,找到window配置项 1.windows选项下导航栏样式 "navigationBarBackgroundColor":#F6F6F6 // 导航栏的背 ...
- 微信小程序app.json文件常用全局配置
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. JOSN文件不允许注释,下面为了学习加上注释,粘贴需要的片段 ...
- 微信小程序 app.json文件配置
https://developers.weixin.qq.com/miniprogram/dev/index.html 起步 https://developers.weixin.qq.com/min ...
- 微信小程序 --- app.json文件
app.json文件用于配置项目:用于对小程序进行全局设置: pages:定义小程序的路由.(凡是不在这个配置里面的东西,都无法打开) (特别注意:结尾不能有 逗号 否则会出错) window:定义小 ...
- 微信小程序---app.json中设置背景色不生效解决办法
按照官方文档的说明,backgroundColor应该可以设置窗口的背景色. "window":{ "backgroundTextStyle":"li ...
- 微信小程序:全局配置app.json
微信小程序:全局配置app.json 一.全局配置app.json app.json文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包 ...
- 微信小程序:页面配置 page.json
微信小程序:页面配置 page.json 一.页面配置 page.json 如果整个小程序的风格是蓝色调,那么可以在 app.json 里边声明顶部颜色是蓝色即可. 实际情况可能不是这样,可能你小程序 ...
随机推荐
- 使用js实现放大镜效果
点击预览放大镜效果,图片比较大,因为需要精细的图片去凸显放大的效果,请耐心 可以通过滑轮控制放大倍数,由于图片太大 如果放大镜没有出现 可刷新一下网页
- C#数组--(Array类的属性和方法)
Array 类是 C# 中所有数组的基类,它是在 System 命名空间中定义.Array 类提供了各种用于数组的属性和方法,可看作扩充了功能的数组(但不等同数组),可以使用Array类的属性来对数组 ...
- js如何实现类的继承
方法一:借助构造函数实现继承 这种方法的缺点:原型链上的东西并没有被继承. 方法二:借助原型链实现继承 这种方法的缺点:改变了一个实例对象,另一个实例对象也跟着改变,因为s1.__proto__ == ...
- 搭建Java开发环境及相关工具
本文主要记录下在window环境下,搭建Java开发环境,及需要安装的工具软件说明,旨在方便快速完成这些正真开始开发前的准备工作. 1.JDK安装及环境配置 此处安装JDK1.8的版本,官方下载地址: ...
- javascript高级程序设计第3版——第5章 引用类型
- idea 本地tomcat启动控制台乱码问题
问题:本地tomcat启动,控制台出现中文乱码: 解决办法: 安装了idea发现启动tomcat的时候控制台会有乱码问题,在tomcat配置中添加在VM options填写-Dfile.encodin ...
- 10、Typescript-类的基本用法
类就是构造函数的另一写法 以前构造函数的写法: 类的基本用法:
- 随手记-egg入门
egg 入门 https://eggjs.org/zh-cn/intro/quickstart.html 1.建立项目目录2. npm i egg --save && npm i ...
- 用html和css制作奥运五环
<html><head><meta charset="utf-8"> <style>.circle1,.circle2,.circl ...
- webbench安装使用
简介 运行在linux上的一个性能测试工具 官网地址:http://home.tiscali.cz/~cz210552/webbench.html 如果不能打开的话,也可以直接到网盘下载:http:/ ...