SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置

SAP Fiori Elements 应用使用了 SAP Fiori 3 的外观。这一点从 Fiori Elements 应用里使用的 css 规则所在的 css 实现文件路径可以发现:

http://localhost:8080/resourc...

修改 css class .sapFAvatarSquare 的 border-radius 属性,能调整图标圆角的弧度。

SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置_第1张图片

修改 .sapFAvatarColorAccent6, 能修改 Fiori Elements 应用里 Avatar 的背景颜色。发现连右上角用户的 User Profile 背景色也跟着被修改了:

SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置_第2张图片

修改 Fiori Elements 本地注解文件里的 UI.HeaderInfo 里的 TypeName property 和 TypeImageUrl 的值为 sap-icon://sap-ui5:

SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置_第3张图片

能修改 SAP Fiori Elements List Report 明细页面(称为 Object Page) 的抬头 label 和 显示图标,效果如下:

SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置_第4张图片

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

你可能感兴趣的:(SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置)