全局配置app.json

{"pages":["pages/index/index","pages/logs/logs"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "Weixin","navigationBarTextStyle":"black"},"style": "v2","sitemapLocation": "sitemap.json"
}

pages
存储页面的路径 可以进行页面切换


window
小程序窗口的配置

  • navigationBarTitleText
    对应导航的标题配置
  • navigationBarBackgroundColor
    对应导航背景颜色的设置
  • navigationBarTextStyle
    对应导航标题的颜色设置
  • enablePullDownRefresh
    值为true 可以将页面往下拉进行刷新
  • backgroundColor
    背景的颜色
  • sitemapLocation
    小程序根目录下的 sitemap.json 文件用来配置小程序及其页面是否允许被微信索引
    完整配置项说明请参考小程序 sitemap 配置https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/sitemap.html

例1:

{"rules":[{"action": "allow","page": "*"}]
}

所有页面都会被微信索引(默认情况)

例2:

{"rules":[{"action": "disallow","page": "path/to/page"}]
}

配置 path/to/page 页面不被索引,其余页面允许被索引

例3:

{"rules":[{"action": "allow","page": "path/to/page"}, {"action": "disallow","page": "*"}]
}

配置 path/to/page 页面被索引,其余页面不被索引

例4:

{"rules":[{"action": "allow","page": "path/to/page","params": ["a", "b"],"matching": "inclusive"}, {"action": "allow","page": "*"}]
}

包含 a 和 b 参数的 path/to/page 页面会被微信优先索引,其他页面都会被索引,例如:

  • path/to/page?a=1&b=2 => 优先被索引
  • path/to/page?a=1&b=2&c=3 => 优先被索引
  • path/to/page => 被索引
  • path/to/page?a=1 => 被索引
    其他页面都会被索引

tabBar
底部导航的配置

  • list
    存储底部导航对应按钮的配置

    • pagePath 对应页面的路径
    • text 标题
    • iconPath 图标
    • selectedIconPath 选中时的图片
  • borderStyle
    底部边框颜色

  • selectedColor
    底部导航选中时标题颜色

全局配置app.json的认识相关推荐

  1. 小程序全局配置(app.json 源码分享)

    配置清单: pages:页面路径列表 window:全局的默认窗口表现 tabBar:底部 tab 栏 networkTimeout:网络超时时间 permission:小程序接口权限相关设置 app ...

  2. 微信小程序开发教程(六)配置——app.json、page.json详解

    全局配置:app.json 微信小程序的全局配置保存在app.json文件中.开发者通过使用app.json来配置页面文件(pages)的路径.窗口(window)表现.设定网络超时时间值(netwo ...

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

    微信小程序之配置app.json 本人写了一个在线扫码借书的小程序,打算分享一下心得和代码,欢迎关注,再次希望各位大佬指出不足 {"pages": ["pages/ind ...

  4. 微信小程序全局配置文件app.json中window:backgroundColor“不生效”

    那些年我们一起踩过的坑~ 今天说一下微信小程序全局配置文件app.json中window的backgroundColor属性,设置之后发现没效果. 查了资料发现原来这个backgroundColor属 ...

  5. 前后端分离项目—微信小程序的创建及app.json的配置(二)

    目录 4.创建微信小程序项目 4.1获取appid 5.配置app.json 5.1添加页面 5.2修改顶部框样式 5.3添加taber底部导航栏 本人框架入门,此处记录完成一个前后端分离项目笔记,若 ...

  6. 百度小程序html转码,百度小程序全局配置

    配置界面,路径 可以通过配置app.json文件,设置SWAN的界面,路径,多TAB等. app.json配置项列表如下: 属性 类型 必填 描述 网页 {String,Array} 是 设置页面路径 ...

  7. 微信小程序:未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件

    微信小程序:未找到 app.json 中的定义的 pages "pages/index/index" 对应的 WXML 文件 前情:本人在自学微信小程序时,遇到了调用模板出现错误的 ...

  8. 微信小程序全局配置参数详解app.json

    全局配置 cc文件内容为一个 JSON 对象,有以下属性: 配置项 entryPagePath 指定小程序的默认启动路径(首页),常见情景是从微信聊天列表页下拉启动.小程序列表启动等.如果不填,将默认 ...

  9. 微信小程序开发 app.json全局配置

    JSON 是一种数据格式,在实际开发中,JSON 总是以配置文件的形式出现. app.json 是当前小程序的全局配置,可以通过app.json对小程序项目进行设置所有页面路径.窗口外观.界面表现.底 ...

最新文章

  1. 如何快速设计元器件原理图库和PCB封装库?
  2. Windows下一键搭建redmine
  3. Android下的数据存储与访问、权限
  4. fmea手册_新失效模式与影晌分析FMEA手册白皮书
  5. 走出舒适圈,从来都不简单
  6. leetcode344. 反转字符串 史上最简单力扣题
  7. UVA 11383 - Golden Tiger Claw(二分图完美匹配扩展)
  8. oracle udev 多路径,Suse 11下多路径及udev配置
  9. 组件和高阶组件区别_为什么要对高阶组件使用代码拆分
  10. anaconda python_Anaconda下Python环境下载及安装
  11. 两个数据表同步的触发器
  12. 解决算法问题的思路总结
  13. [境内法规]中国人民银行关于分支行反洗钱工作的指导意见—银发[2005]56号
  14. 一个产品从立项到上线流程总结
  15. 十年MFC经历认识的Microsoft技术
  16. 2、趋势科技2017校招开发岗试题
  17. html显示百度热搜,Python获取百度热搜的完整代码
  18. elasticsearch查看版本号
  19. 产品经理-自然资源行业4大产品线整理
  20. js实现精确统计网站访问量的代码分享

热门文章

  1. 出于好奇,我get了一个新的CSS知识
  2. jQuery(一)jQuery概述、使用方式、原理、查找元素
  3. 游戏开发热更新必懂3件事
  4. lwip网络接口netif
  5. 程序员版--致青春(二)——11平台dota胜负预判器
  6. 太牛了!B站up主用AI分析,跨年演唱会上这些歌手假唱了!
  7. 腾讯云COS上传下载文件
  8. ag-Grid Enterprise 27.2.0 Crack
  9. 以贫求富,农不如工,工不如商,刺绣文不如倚市门
  10. 过驱动保护第一套视频(63课)