微信小程序day02

app.json文件介绍

app.json用于对小程序进行全局配置。配置app.json,来定义小程序全局效果。常用的配置属性如下:
在这里插入图片描述

app.json详解

pages属性:
pages属性用于指定小程序由哪些页面组成,每个页面由.json .wxml .wxss和.js组成,最后一个页面语句后面不能加逗号,直接代码添加页面保存系统会自动生成该页面
pages默认第一个地址为首页如:
"pages":[
"pages/index/index",//首页
"pages/logs/logs"
]

window属性:
window属性用于设置小程序导航栏、标题、窗口背景颜色等信息,object类型
 "window": {
    "navigationBarTitleText": "标题文本",
    "navigationBarTextStyle": "标题文本颜色(black|white)",
    "navigationBarBackgroundColor": "标题栏背景颜色(只支持16进制书写,如#f00)",
    "enablePullDownRefresh": true,//下拉小程序是否刷新
    "backgroundTextStyle": "light",//下拉loading的样式(light|dark)
    "backgroundColor": "下拉的窗口的背景颜色(只支持16进制格式#fff)"
  },

tabBar属性:
用于配置小程序底部选项卡,object类型
"tabBar": {
    "position": "选项卡的位置(bottom|top)",
    "color": "文本正常显示的颜色",
    "selectedColor": "文本被选中时的颜色",
    "backgroundColor": "底部选项卡的背景颜色",
    "borderStyle": "选项卡上边框的颜色(black|white)",
    "list": [选项卡的内容,有多少个需要跳转页面就多少个{}进行配置
      {
        "text": "文本内容1",
        "pagePath": "页面路径",
        "iconPath": "正常显示时的图片路径",
        "selectedIconPath": "被选中时的图片路径"
      }
    ]
  },
  总结:
  1、list中包含2-5个选项卡
  2、pagePath不能以/开头
  3、iconPath和SelectedIconPath不能使用网络路径
  4、图片尺寸建议为81*81,字节数不能超过40KB

style属性
用于指定样式,目前值仅为v2(要求基础库版本>=2.8),string 类型

siteMapLocation属性
用于指定sitemap.json文件的位置,string类型
sitemap配置:微信开发了小程序内搜索,开发者可以通过sitemap.json配置,或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。当开发者允许微信索引时,微信会通过爬虫的形式
sitemap.json用于制定爬虫的搜索规则,其基本结构是:
具体参考文献:https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html
{
    "rules": [{
      "action": "动作类型(allow|disallow)",
      "page": "*",
      "params": ["路径参数1","路径参数2"],
      "matching": "匹配规则(exact|inclusive|exclusive|partial)"
      }]
  }
allow:允许索引
disallow:不允许索引
路径参数指:pages/article/article?cid=6&order=time中的cid和order
exact:完全相同
inclusive:包含
exclusive:不包含
partial:部分包含
示例:
path/to/page?a=1&b=2命中
path/to/page?a=1&b=2&c=3命中
{
    "rules": [{
      "action": "allow",
      "page": "path/to/page",
      "params": ["a","b"],
      "matching": "inclusive"
      },
      {
 	   "action": "disallow",
       "page": "*"
      }]
  }
注:sitemap 的索引提示是默认开启的,如需要关闭 sitemap 的索引提示,可在小程序项目配置文件 project.config.json 的 setting 中配置字段 checkSiteMap 为 false

注意:

1、JSON文件不能书写注释

2、字符串必须括在英文双引号之间

3、数组中最后一个成员后不能存在逗号

4、JSON中不能存在undefined数据类型

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

废材终结者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值