Question

如何使用标准SAPUI5图标设置样式按钮？

    <Button
        icon="sap-icon://notes"
         text="Справки"
        press="onOpenRef"
        class=" sapThemeHighlight-asBackgroundColor "/>

按钮必须呈圆形和绿色。

我该怎么做（最好是标准的SAPUI5方法）？谢谢。

Answer 1

要使其为绿色，您可以使用ButtonType Accept，尽管这可能带有一些语义含义。

SAPUI5本身并没有在Button上提供属性以使其成为圆形，因此您必须使用CSS。要在图像中创建Button，请添加样式类roundButton并将以下CSS添加到样式表中：

.roundButton .sapMBtnInner {
  border-radius: 2.5rem;
}

以XML格式创建按钮：

<Button class="roundButton" icon="sap-icon://notes" tooltip="Справки" type="Accept" />

和JavaScript：

new sap.m.Button({
  icon: "sap-icon://notes",
  tooltip: "Справки",
  type: "Accept"
}).addStyleClass("roundButton");