{
"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配置解析的更多相关文章

  1. 微信小程序 app.json 配置

    我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包含了所有配置选项的简单配置app.json : { " ...

  2. 微信小程序 | app.json配置属性

    app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. widows: 用于设置小程序的状态栏.导航条.标题.窗口背景色. navig ...

  3. 微信小程序app.json配置

    找到app.json文件,找到window配置项 1.windows选项下导航栏样式 "navigationBarBackgroundColor":#F6F6F6 // 导航栏的背 ...

  4. 微信小程序app.json文件常用全局配置

    小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. JOSN文件不允许注释,下面为了学习加上注释,粘贴需要的片段 ...

  5. 微信小程序 app.json文件配置

    https://developers.weixin.qq.com/miniprogram/dev/index.html  起步 https://developers.weixin.qq.com/min ...

  6. 微信小程序 --- app.json文件

    app.json文件用于配置项目:用于对小程序进行全局设置: pages:定义小程序的路由.(凡是不在这个配置里面的东西,都无法打开) (特别注意:结尾不能有 逗号 否则会出错) window:定义小 ...

  7. 微信小程序---app.json中设置背景色不生效解决办法

    按照官方文档的说明,backgroundColor应该可以设置窗口的背景色. "window":{ "backgroundTextStyle":"li ...

  8. 微信小程序:全局配置app.json

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

  9. 微信小程序:页面配置 page.json

    微信小程序:页面配置 page.json 一.页面配置 page.json 如果整个小程序的风格是蓝色调,那么可以在 app.json 里边声明顶部颜色是蓝色即可. 实际情况可能不是这样,可能你小程序 ...

随机推荐

  1. mysql创建新用户出现错误处理

    心血来潮创建一个新用户,结果...步步艰难啊,好在最后成功,把我出现的问题和解决方案抛出来,希望大家顺顺利利创建成功┗|`O′|┛ 嗷~~ 我出现的错误主要有这三种: 1.ERROR 1064 (42 ...

  2. C#流程控制语句--迭代语句(while,do....while, for , foreach)

    迭代语句:有的时候,可能需要多次执行同一块代码.函数中的第一个语句先执行,接着是第二个语句,依此类推. 迭代语句:while(先检查后执行) while(条件表达式 bool类型) { 代码语句 } ...

  3. 『计算机视觉』物体检测之RefineDet系列

    Two Stage 的精度优势 二阶段的分类:二步法的第一步在分类时,正负样本是极不平衡的,导致分类器训练比较困难,这也是一步法效果不如二步法的原因之一,也是focal loss的motivation ...

  4. nodejs常见问题

    Js 基础问题 与前端 Js 不同, 后端是直面服务器的, 更加偏向内存方面. [Basic] 类型判断    [Basic] 作用域    [Basic] 引用传递    [Basic] 内存释放  ...

  5. nvm 设置 nodejs 默认版本

    nvm 设置 nodejs 默认版本 windows 系统的版本管理软件是nodist mac系统的node版本管理根据是nvm 每次重启vscode软件后,nvm ls 看到的默认版本都会恢复到v5 ...

  6. js给图层添加动态样式

    需求:需要在视窗内随意点击对应位置,图层从上到下匀速运动到指定位置 html <img id="moveDot" class="moveDot" src= ...

  7. css常用的属性

    CSS------属性值篇 display: none | block | inline(默认值) | inline-block(css2新增) | inherit none :此元素不会再显示 {注 ...

  8. yeoman 前端自动化构建工具 generator-fountain-webapp

    直接上我的github地址. https://github.com/631535199/yo-react

  9. jQuery和Vue的区别

    1.jQuery和Vue的区别 jQuery是使用选择器($)选取DOM对象,对其进行赋值.取值.事件绑定等操作,其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象,而数据和界面是在一起 ...

  10. Python用起来极度舒适的强大背后

    当你使用len(a)获取a的长度,使用obj[key]获取一个key的值时的畅快和舒适,在于Python庞大的设计思想(Pythonic). 而obj[key]背后其实是__getitem__方法,P ...