主页 分类 关于

小程序 全局配置文件

  1. 全局配置 app.json
    1. pages字段
    2. window字段
    3. tabbar字段

小程序学习笔记

全局配置 app.json

pages字段

用处: 描述小程序所以页面的路径

// 该字段用来表明子页面的
{
    // 页面
    "pages": [
        // 子页面 首页
        "pages/index/index",
        // 增加页面 减少页面也同理
        "pages/sdq/sdq",
        // 子页面 日志
        "pages/logs/logs"
    ]
}

window字段

用处: 定义小程序所有页面的顶部背景颜色, 文字颜色等等

// 该字段用来表明子页面的
{
    // 页面
    "window": {
        // 下拉 loading 的样式
        "backgroundTextStyle": "light",
        // 导航栏背景颜色
        "navigationBarBackgroundColor": "#000000",
        // 导航栏标题文字内容
        "navigationBarTitleText": "史迪奇的博客",
        // 导航栏标题颜色
        "navigationBarTextStyle": "white",
        // 下拉刷新
        "enablePullDownRefresh": true
    },
    "sitemaplocation": "sitemap.json"
}
属性 类型 默认值 描述
navigationBarBackgroundColor HexColor #000000 导航栏背景颜色
navigationBarTextStyle string white 导航栏标题颜色, 仅支持 black / white
navigationBarTitleText string 导航栏标题文字内容
navigationStyle string default 导航栏样式, 仅支持以下值: default 默认样式custom 自定义导航栏, 只保留右上角胶囊按钮
backgroundColor HexColor #ffffff 窗口的背景色
backgroundTextStyle string dark 下拉 loading 的样式, 仅支持 dark / light
backgroundColorTop string #ffffff 顶部窗口的背景色
backgroundColorBottom string #ffffff 底部窗口的背景色
enablePullDownRefresh boolean false 是否开启全局的下拉刷新详见 Page.onPullDownRefresh
onReachBottomDistance number 50 页面上拉触底事件触发时距页面底部距离, 单位为 px 详见 Page.onReachBottom
pageOrientation string portrait 屏幕旋转设置, 支持 auto / portrait / landscape 详见 响应显示区域变化

tabbar字段

用处: 定义小程序所有页面的顶部背景颜色, 文字颜色等等

"tabBar": {
  // list要两包括两个以上才生效
  "list": [{
     // 首页
    "pagePath": "pages/index/index",
     // 给文章名字
    "text": "首页",
     // 在同级创一个sdz的文件夹然后放图片在里面 
     // 点击前的图标
    "iconPath": "sdq/_sdq.png",
     // 点击后的图标
    "selectedIconPath": "sdq/sdq.png"
  {
    "pagePath": "pages/sdz/sdz",
    "text": "史迪奇",
    "iconPath": "sdz/_sdq.png",
    "selectedIconPath": "sdz/sdq.png"
  }
]},
属性 类型 必填 默认值 描述
color HexColor 是 tab 上的文字默认颜色, 仅支持十六进制颜色
selectedColor HexColor 是 tab 上的文字选中时的颜色, 仅支持十六进制颜色
backgroundColor HexColor 是 tab 的背景色, 仅支持十六进制颜色
borderStyle string 否 black tabbar 上边框的颜色, 仅支持 black / white
list Array 是 tab 的列表, 详见 list 属性说明, 最少 2 个、最多 5 个 tab
position string 否 bottom tabBar 的位置, 仅支持 bottom / top
custom boolean 否 false 自定义 tabBar, 见详情









作者: 我叫史迪奇
本文来自于: https://sdq3.link/Applet-Global-profile.html博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议