智能小程序主题适配指南（各参数配置详情）

应用配置

一. 相关配置

1. 在 app.json 中配置 themeLocation，指定变量配置文件 theme.json 路径，例如：在根目录下新增 theme.json，需要配置 "themeLocation":"theme.json"。
2. 在 theme.json 中定义相关变量。
3. 在 app.json 中以 @ 开头引用变量。

支持通过变量配置的属性：

• 全局配置的 window 属性与页面配置下的属性：
  • navigationBarBackgroundColor
  • navigationBarTextStyle
  • backgroundColor
  • backgroundTextStyle
  • backgroundColorTop
  • backgroundColorBottom
• 全局配置 window.tabBar 的属性：
  • color
  • selectedColor
  • backgroundColor
  • borderStyle
  • list
    • iconPath
    • selectedIconPath

 

二. 变量配置文件 theme.json

theme.json 用于颜色主题相关的变量定义，需要先在 themeLocation 中配置 theme.json 的路径，否则无法读取变量配置。

配置文件须包含以下属性：

属性	类型	必填	描述
light	object	是	浅色模式下的变量定