小程序配置tabBar和头部样式

最新推荐文章于 2023-03-03 09:45:30 发布

不高兴的程序员

最新推荐文章于 2023-03-03 09:45:30 发布

阅读量393

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/weixin_53002680/article/details/126348675

版权

提示：基础配置

1.app.json

代码如下（示例）：

"window": {
    "backgroundTextStyle": "light",   //页面背景颜色
    "navigationBarBackgroundColor": "#137CF4",   //页面标题背景颜色
    "navigationBarTextStyle": "white"   //页面标题颜色
  },
  "tabBar": {
    "color": "#BBBBBB",   //tab字体颜色
    "selectedColor": "#547FED",   //tab字体选中颜色
    "custom": true,
    "list": [
      {
        "pagePath": "pages/index/index",   //页面路径
        "text": "首页",
        "iconPath": "/statics/img/xxx.png",   //tab图标的图片
        "selectedIconPath": "/statics/img/xxx.png"   //选中图标的图片
      }]
  },
  "permission": {
    "scope.userLocation": {
      "desc": "您的位置信息将用于小程序使用期间的定位"
    }
  },
  "requiredPrivateInfos":[  //小程序位置系列api配置
    "getLocation"
  ],