SAP Spartacus 里的 icon 设计

同 SAP Fiori 一样,SAP Spartacus 里也有大量的自定义 icon 设计,比如下图的 iconTypes.RESET:

SAP Spartacus 里的 icon 设计_第1张图片

SAP Spartacus 里的 icon 设计_第2张图片

需要调用 iconLoader 获取 RESET icon 对应的 HTML 源代码:

SAP Spartacus 里的 icon 设计_第3张图片

动态创建新的 link 标签,并加载对应的 css:

SAP Spartacus 里的 icon 设计_第4张图片

css 地址:https://use.fontawesome.com/r...

SAP Spartacus 里的 icon 设计_第5张图片
SAP Spartacus 里的 icon 设计_第6张图片

SAP Spartacus 所有支持的 icon 类型和提供这些 icon 形状的 css 文件 url,来自这个配置文件:projects\storefrontlib\src\cms-components\misc\icon\fontawesome-icon.config.ts

SAP Spartacus 里的 icon 设计_第7张图片

更多Jerry的原创文章,尽在:"汪子熙":

你可能感兴趣的:(SAP Spartacus 里的 icon 设计)