Files
2019-11-17 20:48:51 +08:00

6.0 KiB

title
title
Button 按钮

ButtonBaseStyle : ButtonBaseBaseStyle

按钮默认样式,不推荐直接使用,应该始终被其它样式以BasedOn的方式使用。

{% note info %} 所有继承此样式的按钮都可以使用IconElement中定义的附加属性来控制按钮中几何图形的属性。 {% endnote %}

{% note info %} 所有继承此样式的按钮都可以使用BorderElement.CornerRadius附加属性来控制按钮的圆角大小。 {% endnote %}

{% note info no-icon %} 用例:

{% code %} {% endcode %} ButtonBaseStyle {% endnote %}

ButtonPrimary : ButtonBaseStyle

主要按钮

{% note info no-icon %} 用例:

{% code %}

{% endcode %} ButtonPrimary {% endnote %}

ButtonSuccess : ButtonBaseStyle

成功按钮

{% note info no-icon %} 用例:

{% code %}

{% endcode %} ButtonSuccess {% endnote %}

ButtonInfo : ButtonBaseStyle

信息按钮

{% note info no-icon %} 用例:

{% code %}

{% endcode %} ButtonInfo {% endnote %}

ButtonWarning : ButtonBaseStyle

警告按钮

{% note info no-icon %} 用例:

{% code %}

{% endcode %} ButtonWarning {% endnote %}

ButtonDanger : ButtonBaseStyle

危险操作按钮

{% note info no-icon %} 用例:

{% code %}

{% endcode %} ButtonDanger {% endnote %}

ButtonIcon : ButtonBaseStyle

如果只想显示几何图形按钮,则推荐使用此样式。

{% note info no-icon %} 用例:

{% code %}

{% endcode %} ButtonIcon {% endnote %}

ButtonCustom

如果想完全自定义按钮的内容,则推荐使用此样式。ButtonCustom中的内容完全由你自己决定,另外,可以通过BackgroundSwitchElement中的附加属性切换背景:

{% note info no-icon %} 用例:

{% code %}

{% endcode %} ButtonCustom {% endnote %}