SAP Fiori Elements 應用裡和 Fiori 3 相關的外觀設定

注销發表於2021-04-21

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的原創文章，盡在："汪子熙":

相關文章