历史版本1 :平台主题 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 描述编辑
主题是指修改平台的整个风格，不仅包括样式，还包括交互风格，如下图，FineReport内置了两套主题风格以供选择，同时还可以导入自定义主题：
2. 使用内置主题
默认使用的是第一套主题，如果我们切换到第二套主题，直接选中第二套主题，后台会自动保存，刷新页面即可看到效果，如下图：
3. 导入自定义主题编辑
如果不想使用FineReport内置的主题，想要自定义主题，那么就可以通过FineReport开放的API接口进行自定义，然后导入进来即可，如下图，我们导入一个已经准备的自定义主题包demo1：
然后选中该自定义主题，刷新页面，即可看到自定义主题应用到平台系统上：
4. 自定义主题制作编辑
FineReport数据决策系统8.0版本支持用户主题自定义配置，依据开放API接口，进行个性化定制。一个主题的美观度是由系统背景图片、系统配色和交互布局主题包三大部分共同决定的。
交互布局主题包：是指平台的交互主题，则可以通过组件的API接口进行自定义
系统背景图片：是指修改平台的背景图片或者背景颜色，其可以直接通过背景和配色来进行可视化修改；
4.1 格式定义
FineReport自定义平台主题包由以下几个文件组成：
注：自定义交互布局主题保存在theme.js文件中，系统背景和配色保存在style.css中，cover.png是指在切换主题包的时候的缩略图。
使用主题包导入功能的时候，只需要直接将上面所有文件打成zip包导入即可，不要对主题包根目录进行打包（zip包不需要包含“fs-theme-[主题名]”这个文件夹，zip包名即为该主题的名字。zip包导入成功之后，会自动解压到 WebReport/WEB-INF/resources/fstheme/ 目录下、生成一个主题文件夹，文件夹名为“fs-theme-[zip文件名]”。
比如说，我们导入了一个名为demo1的主题包，导入之后，就会在WebReport/WEB-INF/resources/fstheme 目录生成一个fs-theme-demo1的文件夹，文件夹下面包含了如下几个文件：
注：FineReport内置的主题可以兼容到IE6，API接口自定义主题的兼容性则需要制作者自己去描述实现。
下面我们详细介绍FineReport自定义主题API接口。
索引: