【仅供内部供应商使用,不提供对外解答和培训】

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

如何以插件形式开发主题,可查看示例决策平台主题

主题包格式

 

Code Block
languagexml
fs-theme-[主题名]  (注:主题名建议使用非中文)
        |----style.css   //导入样式
        |----theme.js      //导入脚本
        |----cover.png   //主题包封面( 建议尺寸240*170 )
        |----其他目录(包括需要使用到的一些自定义资源文件)

...

Code Block
titleGallery配置属性
config4Gallery: {
    region: null   //默认所在区域
}

 

主题扩展接口 

框架中新增了对应主题自定义图标的接口,原有的图标均为图标字体形式,扩展后可以支持png图标的自定义配置。如果需要的接口没有,可以到开发者龙门群里提(群号:179499938)。

...

Code Block
title自定义图标接口
collapsetrue
FS.Plugin.CustomIcon.push({
   //获取菜单节点的自定义图标
   getMenuNodeCustomIcon: function (icon) {
       return null;
   },
   //添加自定义图标到图标列表
   addCustomIconItem : function(configSetting){
   },
   //删除之前选中的自定义图标
   removePreCustomIconSelected : function(folders) {
   },
   //添加自定义图标到目录节点上
   addItem2Folders : function(eachFolder, $folders) {
   },
   //初始化已经选中的自定义图标
   initSelectedCustomIcon : function(selectedFolder) {
   },
   //获取自定义图标的附件ID
   getCustomIconAttachID : function (folder) {
       return null;
   }
});

...


主题包开发

自定义主题包实为引入的外部js、css以及资源文件等。

...