SAP Fiori Elements 應(yīng)用使用了 SAP Fiori 3 的外觀。這一點(diǎn)從 Fiori Elements 應(yīng)用里使用的 css 規(guī)則所在的 css 實(shí)現(xiàn)文件路徑可以發(fā)現(xiàn)：

http://localhost:8080/resources/sap/m/themes/sap_fiori_3/library.css

修改 css class .sapFAvatarSquare 的 border-radius 屬性，能調(diào)整圖標(biāo)圓角的弧度。

修改 .sapFAvatarColorAccent6, 能修改 Fiori Elements 應(yīng)用里 Avatar 的背景顏色。發(fā)現(xiàn)連右上角用戶的 User Profile 背景色也跟著被修改了：

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

能修改 SAP Fiori Elements List Report 明細(xì)頁(yè)面(稱為 Object Page) 的抬頭 label 和 顯示圖標(biāo)，效果如下：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的SAP Fiori Elements 应用里和 Fiori 3 相关的外观设置的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。