Skip to main content

应用主题

说明

在设置--应用主题里,提供系统主题和自定义主题两类;

  1. 系统主题即默认的蓝色简洁主题;
  2. 自定义主题即通过全局 css 样式代码改变主题;

配置方法

自定义主题

  1. 添加自定义主题时,填写主题的名称(必填)、图片(非必填),并添加 CSS 代码;

  1. 使用主题:
  2. 单主题:未开启【多主题切换】时,选中某个主题,应用运行时会根据选中的主题渲染,初始化选中平台提供的蓝色简洁主题

  1. 多主题:
1. 开启【多主题切换】开关,并选择若干个主题,以及一个默认主题,如下图

1. 导航工具栏配置主题切换功能,如下图

1. 此时,该应用预览或运行时,可以在工具栏切换主题,可切换的范围是上一步选择的主题,<strong>初始化默认渲染上一步选择的默认主题</strong>,如下图所示,默认渲染黑色,支持在黑色和绿色之间切换

规则主题

当应用开启多语言功能时,可以配置规则主题,即切换到某个或某些语言时,渲染特定的主题

多语言功能参考多语言功能

  1. 未开启【多主题切换】时
  2. 可以选择一个主题作为应用的默认主题,并配置一条或多条规则

  1. 配置规则主题时,可选择一个或多个语言,以及该语言需要渲染的主题,如下图所示

  1. 导航工具栏配置主题切换和语言切换功能,如下图

  1. 此时,应用预览或运行时会判断当前语言是否触发规则
1. 触发则渲染对应的主题,例如上图,切换到阿拉伯语时会渲染橙色主题。

1. 未触发则渲染选择的应用默认主题,例如上图,非阿拉伯语时会渲染黑色主题

  1. 开启【多主题切换】时,
  2. 可以选择一套主题作为应用的默认主题,并配置一条或多条规则

  1. 配置规则主题时,可选择一个或多个语言,以及该语言需要渲染的一套主题,如下图所示

  1. 导航工具栏配置主题切换和语言切换功能,如下图

  1. 此时,应用预览或运行时会判断当前语言是否触发规则,
1. 触发则渲染对应的主题,例如上图,切换到简体中文时,默认渲染红色主题,并支持在红色和橙色之间切换。

1. 未触发则渲染应用的一套默认主题,例如上图,非简体中文时,默认渲染黑色主题,支持在黑色和绿色之间切换。

常见问题

  1. 为什么配置了多主题,但还是渲染平台的蓝色主题

请检查是否配置默认主题,默认主题为空时会渲染平台预置的蓝色主题

  1. 为什么配置规则主题后,切换语言时主题没变化

请检查切换的语言是否真的已配置了规则,

如果确定配置了规则,请检查规则里选择的主题和规则外选择的应用主题是否相同

  1. 为什么开启了多主题,且配置了规则主题,但切换语言后仍然只能只有一个主题可以切换

请检查规则主题里是否配置了多个主题,如下图所示,如果在当前语言下只配置了一个主题,则没有可切换的其他主题

  1. 为什么开启了多主题,且配置了规则主题,但切换语言后主题没变化

同 2