文档首页> Astro轻应用 AstroZero> 最佳实践> 如何配置应用主题
更新时间:2024-04-25 GMT+08:00
分享

如何配置应用主题

背景信息

参考自定义标准页面的主题样式高级页面中如何引入第三方库中操作,可设置应用中标准页面和高级页面的主题样式。当应用较多或者应用内的标准页面和高级页面较多时,手动逐个设置应用页面主题样式就比较繁琐。此时您可参考本章节操作,通过安装应用主题配置资产包,统一管理各应用的主题,快速配置主题样式。

  • 该操作只适用于AstroZero开发环境。
  • 配置应用主题将直接修改应用的元数据配置,重新安装应用将覆盖已有的主题库相关信息,需要重新进行主题配置操作。

前提条件

配置应用主题前,需要先自定义主题样式库,并上传到资产库中,具体操作请参考如何引入第三方库中“操作步骤”的前两步。

操作步骤

  1. 安装并预览“应用主题配置”。

    1. 单击下载链接,获取应用包“AppThemeConfig.zip”。
    2. 参考如何登录经典版环境配置中操作,登录经典版开发环境的环境配置。
    3. 在左侧导航栏中,选择“应用管理 > 软件包管理 > 软件包安装”,单击“新建”,将应用包拖入安装。
    4. 在弹出的页面,单击“继续”,完成应用包的安装。
    5. 安装完成后,返回到开发环境首页,选择“库”,单击已安装的“应用主题配置”。
      图1 在库中选中应用
    6. 在应用左侧菜单栏中,单击,预览该应用。

  2. 定义主题。

    1. 在“主题定义”页面,单击“新建主题”。
      图2 新建主题
    2. 在“新建主题”页面,设置主题名称和标签,单击“添加主题库”,为该主题添加主题样式库,单击“确定”。
      图3 为主题添加主题样式库
    3. 按照上述操作,依次新建其他主题。

  3. 配置应用的主题。

    1. 在“应用主题配置”页面,单击需要配置主题应用后的

      在应用主题配置页面,会显示当前环境中已安装的所有应用。

    2. 在需要配置主题的应用后,单击齿轮图标。
      图4 单击齿轮图标
    3. 为应用配置主题,可针对标准页面和高级页面配置不同的主题。
      图5 配置应用的主题
    4. 配置完成后,在“主题定义”页面单击“刷新”,可查看到主题关联的应用,即使用该主题的应用。
      图6 查看主题关联的应用

  4. (可选)迁移主题配置数据。

    1. 在“主题定义”页面,单击“导出”,可将当前主题配置的数据和资源包导出。
    2. 在目标环境上安装“应用主题配置”,预览应用后,在“主题定义”页面单击“导入”,实现数据的迁移。

分享:

    相关文档

    相关产品