# c_栏目外框定制

# 栏目外框ZIP包介绍

进入【栏目外框库】,选择“栏目外框01”导出,获得门户模板ZIP包。然后解压如下图:

导出的ZIP包的目录结构如下图所示:

  1. portal/images/section_01.png:该图片为栏目外框的预览图片。
  2. portal/sections/skin/01.css:该文件为栏目外框的样式文件。
  3. portal/import.xml:该文件为栏目外框的元数据描述文件,内容如下图所示:

sectionSkin标签中的内容为栏目外框样式内容,这个标签下的name标签表示栏目外框样式的名称,注意栏目外框样式名称不能含有特殊字符。这个标签下的code标签内容标识栏目外框样式文件,

必须与ZIP压缩包中 portal/sections/skin下的CSS文件名称保持一致。(注意:系统预制的栏目外框模板导出的ZIP包中,这个文件名称跟code可能会不一样,但如果我们想修改这个文件内容,

并将这个文件导入,则这个文件名称必须跟code保持一致),icon标签表示栏目外框的示意图标,它的值是一个图片文件名称,这个图片文件必须放到前面提到的portal/images目录下。

栏目外框的热点数据如下表所示:

# 可以定制化的内容

  1. 修改栏目外框的code、name和icon
  2. 修改栏目外框的样式文件内容
  3. 修改栏目外框的热点数据

# 例子

例如我们要导入一个栏目外框模板,栏目外框带边框,边框颜色为蓝色,边框圆角为10,栏目内容背景色为黄色,栏目外框标识为custom_001,栏目外框名称为自定栏目外框001,

栏目外框示意图修改为custom_001.png,则需要做如下修改: 主要修改下图中import.xml文件中标黄部分的内容:

然后将上述内容达成压缩包,重新导入系统即可。

创建人:chuhc