SAP Spartacus 里的 icon 设计
2021-09-28 本文已影响0人
华山令狐冲
同 SAP Fiori 一样,SAP Spartacus 里也有大量的自定义 icon 设计,比如下图的 iconTypes.RESET:
![](https://img.haomeiwen.com/i2085791/09fb1fb3c0f4a686.png)
![](https://img.haomeiwen.com/i2085791/94c31fdbcae8d5f0.png)
需要调用 iconLoader 获取 RESET icon 对应的 HTML 源代码:
![](https://img.haomeiwen.com/i2085791/beba4364f829783e.png)
动态创建新的 link 标签,并加载对应的 css:
![](https://img.haomeiwen.com/i2085791/0a4784b3506c77a0.png)
css 地址:https://use.fontawesome.com/releases/v5.8.1/css/all.css
![](https://img.haomeiwen.com/i2085791/e33a2c630b2ea0af.png)
![](https://img.haomeiwen.com/i2085791/3dcbf7718b671c81.png)
SAP Spartacus 所有支持的 icon 类型和提供这些 icon 形状的 css 文件 url,来自这个配置文件:projects\storefrontlib\src\cms-components\misc\icon\fontawesome-icon.config.ts
![](https://img.haomeiwen.com/i2085791/dfcc5742f9dd0d3d.png)
更多Jerry的原创文章,尽在:"汪子熙":
![](https://img.haomeiwen.com/i2085791/97c4752c0e619c44.png)