SAP Fiori Elements 利用应用了 SAP Fiori 3 的外观。这一点从 Fiori Elements 利用里应用的 css 规定所在的 css 实现文件门路能够发现:
http://localhost:8080/resourc…
批改 css class .sapFAvatarSquare 的 border-radius 属性,能调整图标圆角的弧度。
批改 .sapFAvatarColorAccent6, 能批改 Fiori Elements 利用里 Avatar 的背景色彩。发现连右上角用户的 User Profile 背景色也跟着被批改了:
批改 Fiori Elements 本地注解文件里的 UI.HeaderInfo 里的 TypeName property 和 TypeImageUrl 的值为 sap-icon://sap-ui5:
能批改 SAP Fiori Elements List Report 明细页面 (称为 Object Page) 的低头 label 和 显示图标,成果如下:
更多 Jerry 的原创文章,尽在:” 汪子熙 ”: