第1章 功能概述

  开启功能后,用户可以在登陆页面选择主题,此主题可以影响登陆页面和Portal看板框架以及看板图册的样式;   产品默认提供两种主题,支持对主题进行扩展和修改。

第2章 功能说明

2.1 功能开启

  修改dataviz-web/common/config.js配置文件,把switchTheme中的enable改为true,即可开启切换主题功能。 1.png

  开启功能后,在登录页可以看到主题切换下拉项,默认使用如下图: 2.png

2.2 其他配置说明

3.png

  1. defaultTheme: 开启主题切换功能后,第一次访问时默认选中的主题;关闭主题切换功能时,默认使用的主题。配置的值与下方list中的className的值对应。
  2. enable:开启/关闭主题切换功能。
  3. list:主题数组,每项表示一个主题,对应登录页主题切换下拉列表中的主题项,添加新主题时要在数组中加入新的主题项配置。每个主题的配置如下:

    • name:主题名称,下拉列表中显示的名称。
    • className:主题使用的css的class,主题的样式中所有的class都在这个class的下边。
    • siginBackgroundImg:登录页使用的背景图路径。
    • siginLogoImg:登录页使用的logo图片路径。
    • portalLogoImg:Portal看板页面左上角使用的logo图片路径。
    • showboard:主题对应的看板一级目录的名称。参考《3.4看板说明》。

2.3 主题CSS样式说明

  主题对应的所使用的css文件在路径:dataviz-web/src/assets/theme,theme文件夹下边有两个文件夹,目前每个文件件对应一个主题,每个文件夹下包含各自的css文件。 如果添加新的主题css文件需要在dataviz-web/src/index.html中加入对应的引用。

2.4 看板说明

  在主题的配置中配置的showboard的值要能与公共看板目录的一级目录对应。看板一级目录如下图: 4.png

  使用主题时,Portal看板中就会只显示所选主题对应的一级目录下的看板内容,并不会显示其他一级看板目录。

下图是关闭主题切换时的看板状态: 5.png

下图是开启主题切换是的看板状态: 6.png

results matching ""

    No results matching ""

    results matching ""

      No results matching ""