微信小程序的配置文件app.json的所有内容(十七)

微信小程序的配置文件app.json的所有内容

 

 {
   "pages": ["page1", "page2", "page3"],  // 页面路径列表,第一个页面路径为小程序初始页面
   "window": {  // 小程序窗口设置
      //如果不进行额外的配置,小程序页面将使用默认的导航样式。"navigationStyle": "default"
      //标题栏:小程序页面顶部显示一个标题栏。你可以使用 "navigationBarTitleText" 来设置标题栏的       标题文字内容。
      //标题栏样式:可以使用 "navigationBarTextStyle" 来设置标题栏的文字颜色,支持 "black"(黑       色)和 "white"(白色)两种。
      //标题栏背景色:可以使用 "navigationBarBackgroundColor" 来设置标题栏的背景色,可以是十六进       制颜色值或颜色名称。
      //返回按钮:如果页面存在上一页,会在标题栏左侧显示一个返回按钮,点击返回按钮可以返回上一页。
      //"navigationStyle": "default":默认导航样式,包括标题栏和返回按钮。
 
      //"navigationStyle": "custom":自定义导航栏样式,开发者需自行创建和处理导航栏。
 
      //"navigationStyle": "custom:mini":内嵌 H5 页面时,自定义导航栏样式,高度限制在 32px。
 
      //"navigationStyle": "default:mini":内嵌 H5 页面时,使用默认导航栏样式,高度限制在 32px。
      //"navigationStyle": "default:custom":内嵌 H5 页面时,使用默认导航栏样式,并隐藏导航栏。
       
       
     "navigationStyle": "default",//默认导航样式,包括标题栏和返回按钮。
     "navigationBarTitleText": "标题",  // 导航栏标题文字内容
     "navigationBarBackgroundColor": "#ffffff",  // 导航栏背景颜色,支持十六进制颜色值和颜色名
     "navigationBarTextStyle": "black",  // 导航栏标题颜色,支持 "black" 或 "white"
     "backgroundColor": "#f4f4f4"  // 小程序的背景颜色,同样支持十六进制颜色值和颜色名
  },
   "tabBar": {  // 底部 tab 导航设置,若无底部导航,则不配置该字段
     "color": "#000000",  // 默认状态下的文字颜色
     "selectedColor": "#3cc51f",  // 选中状态下的文字颜色
     "backgroundColor": "#ffffff",  // 背景颜色
     "borderStyle": "white",  // 边框颜色,支持 "black" 或 "white"
     "list": [  // tab 列表
      {
         "pagePath": "page1",  // 页面路径
         "text": "首页",  // tab 上的文字内容
         "iconPath": "icons/home.png",  // 默认图标路径,大小限制为40kb,不支持网络图片
         "selectedIconPath": "icons/home_active.png"  // 选中图标路径,大小限制为40kb,不支持网络图片
      },
      {
         "pagePath": "page2",
         "text": "分类",
         "iconPath": "icons/category.png",
         "selectedIconPath": "icons/category_active.png"
      },
      {
         "pagePath": "page3",
         "text": "我的",
         "iconPath": "icons/me.png",
         "selectedIconPath": "icons/me_active.png"
      }
    ]
  },
   "networkTimeout": {  // 网络请求超时设置
     "request": 5000,  // 请求超时时间,单位为毫秒
     "downloadFile": 10000  // 下载文件超时时间,单位为毫秒
  },
   "navigateToMiniProgramAppIdList": ["appId1", "appId2"],  // 需要跳转的其他小程序 appId 列表
   "permission": {  // 权限设置,默认为空,具体权限参考官方文档
     "scope.userLocation": {
       "desc": "你的位置信息将用于小程序定位等服务"
    }
  },
   "plugins": {  // 插件配置,参考官方文档
     "myPlugin": {
       "version": "1.0.1",
       "provider": "wx1234567890"
    }
  },
   "requiredBackgroundModes": ["audio"],  // 需要在后台运行的能力,可选 "audio"、"location"、"downloadFile" 等
   "subpackages": [{  // 分包配置,如果小程序有分包,需要配置该字段
     "root": "subpackage1",  // 分包根目录路径
     "name": "subpackage1",  // 分包名称
     "pages": ["subpackage1/page1", "subpackage1/page2"]  // 分包页面路径列表
  }],
   "usingComponents": {  // 全局自定义组件配置
     "my-component": "/components/my-component"  // 组件名及路径
  },
   "workers": "workers/index",  // Web Worker 入口文件路径
   "preloadRule": {  // 预加载配置
     "page1": {  // 被预加载的页面路径
       "network": "all",  // 预加载需要进行网络请求的资源的类型,可选 "all" 或 "xhr"
       "packages": ["subpackage1"]  // 预加载页面所在的分包
    }
  },
   "navigateToKeepAlive": {  // 开启页面保活功能,默认关闭
         "pages": ["page1", "page2"],  // 需要开启页面保活的页面路径列表
         "lifeTime": 300  // 页面存活时间,单位为秒},
         “style”: { // 全局样式配置,支持设置全局的 iconfont 字体库
             “navigationBarTextStyle”: “black”,
             “navigationBarTitleText”: “小程序名称”,
             “navigationBarBackgroundColor”: #f8f8f8”,
             “backgroundColor”: #f8f8f8”,
             “fontFace”: {
                 “myicon”: {
                     “src”: “https://cdn.xxx.com/iconfont.ttf”, // iconfont 字体库的网络路径
                     “name”: “myicon”, // 字体名称,用于在样式中引用
                     “desc”: “小程序图标字体库” // 字体库描述信息
                }
          }
    },
     “sitemapLocation”: “sitemap.json” // 小程序搜索引擎配置文件路径
 }
 
posted @   一只菜喵程序媛  阅读(100)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 葡萄城 AI 搜索升级:DeepSeek 加持,客户体验更智能
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏
点击右上角即可分享
微信分享提示