SAPUI5图标更改大小和颜色

Question

我很好奇是否有办法改变SAPUI5图标的大小，以便它可以满足某些条件和颜色。

如您所见，第二个和第三个按钮的大小相同，而第一个较小。

我如何影响第一个的大小？

Answer 1

您可以通过将自定义GET default*/_msearch {} {"size":1,"query":{"bool":{"must":[{"query_string":{"query":"field1:somevalue*"}},{"range":{"@timestamp":{"gte":"now-30m"}}}]}},"sort":{"@timestamp":{"order":"desc"}}} {} {"size":1,"query":{"bool":{"must":[{"query_string":{"query":"field2:somevalue*"}},{"range":{"@timestamp":{"gte":"now-30m"}}}]}},"sort":{"@timestamp":{"order":"desc"}}} -class赋予特定按钮并覆盖increaseFont和font-size属性来实现。

View.xml

color

CSS

<FlexBox
    alignItems="Center"
    justifyContent="Start">
    <items>
        <Button enabled="true" icon="sap-icon://process" class="sapUiSmallMarginEnd increaseFont"/>             
        <Button enabled="true" icon="sap-icon://open-command-field" class="sapUiSmallMarginEnd"/>
        <Button enabled="true" icon="sap-icon://navigation-right-arrow" />              
    </items>
</FlexBox>

输出

注意：所有图标的大小将相同。因为有多个向右箭头，所以它看起来更小。