跳转到内容

模型图标

模型图标

当模型定义的视图项展示个性化图标,可以通过配置模型图标。

image6.png

实现方式

1. 图标配置

目前模型的图标只支持 svg。一个模块的所有模型图标放在一个文件里。

路径为 resources/trantor/resources/{moduleKey}/icon,文件名为icon.svg

image0.png

文件可包含多个模型的图标,结构如下:

<svg>
<symbol id="model_key1">...</symbol>
<symbol id="model_key2">...</symbol>
<symbol id="model_key3">...</symbol>
</svg>

trantor会根据id绑定到对应的model上,在数据容器/页面标题栏显示出来。

2. 图标文件结构内容生成

  1. 登陆 iconfont.cn
  2. 建立一个项目
  3. 选择图标放入购物车
  4. 将购物车图标加入到对应的项目
  5. 在项目中,选择Symbol类型,给各个图标命名(图标名称会被用在id中)
  6. 生成代码,点击复制代码(url)
  7. 将url粘贴到 这里,即可点击下载icon.svg文件
  8. 将生成的icon.svg文件存放在视图的同级别目录下的icon文件夹,例如 resources/trantor/resources/{moduleKey}/icon

image3.png

从 iconfont 生成的代码中获取图标
image2.png
拷贝 svg 内容另存至 icon.svg