跳转到内容

模型图标

模型图标

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

image6.png

实现方式

1. 图标配置

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

路径为 resources/trantor/resources/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. 登陆iconfront.cn
  2. 建立一个项目
  3. 选择图标放入购物车
  4. 将购物车图标加入到对应的项目
  5. 在项目中,选择Symbol类型,给各个图标命名(图标名称会被用在id中)
  6. 生成代码,打开生成的url,截取<svg> … </svg>部分的代码

image3.png

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