SAPUI5应用程序中的自定义CSS

时间:2018-03-28 12:17:50

标签: sapui5

我有一个基于此的问题:

Design of SAP Fiori/UI5 Application

我在manifest.json中加载我的css:

"resources": {
    "css": [{
            "uri": "css/custom.css",
            "id" : "customcss"

    }]
},

所以我的CSS只影响元素而不影响主题?或者fiorilaunchpad中的主题会影响忽略我的CSS的一切吗?

1 个答案:

答案 0 :(得分:1)

CSS功能非常强大,如果您决定更改现有标准类中的属性(通常以" sap&#34开头),您可以更改任何您想要的内容,包括现有的SAP主题。

以这种方式看待:Fiori始终首先加载标准主题,并将其样式应用于基于Fiori UX和指南的现有控件。现在你几乎可以改变你要覆盖的CSS中的任何内容,但要注意,如果你改变控制器的宽度/高度等大小属性,你很容易就会破坏响应性等。

我只会将CSS与自定义类结合使用,并且只会更改不会干扰控件大小/布局的内容。所以我只会改变颜色,字体大小等。