5.3 KiB
5.3 KiB
title
| title |
|---|
| Button 按钮 |
ButtonBaseStyle : ButtonBaseBaseStyle
按钮默认样式,不推荐直接使用,应该始终被其它样式以BasedOn的方式使用。
{% note info %}
所有继承此样式的按钮都可以使用IconElement中定义的附加属性来控制按钮中几何图形的属性。
{% endnote %}
{% note info %}
所有继承此样式的按钮都可以使用BorderElement.CornerRadius附加属性来控制按钮的圆角大小。
{% endnote %}
{% note info no-icon %} 用例:
{% code %}
{% endcode %}
{% endnote %}
ButtonPrimary : ButtonBaseStyle
主要按钮
{% note info no-icon %} 用例:
{% code %}
{% endcode %}
{% endnote %}
ButtonSuccess : ButtonBaseStyle
成功按钮
{% note info no-icon %} 用例:
{% code %}
{% endcode %}
{% endnote %}
ButtonInfo : ButtonBaseStyle
信息按钮
{% note info no-icon %} 用例:
{% code %}
{% endcode %}
{% endnote %}
ButtonWarning : ButtonBaseStyle
警告按钮
{% note info no-icon %} 用例:
{% code %}
{% endcode %}
{% endnote %}
ButtonDanger : ButtonBaseStyle
危险操作按钮
{% note info no-icon %} 用例:
{% code %}
{% endcode %}
{% endnote %}
ButtonIcon : ButtonBaseStyle
如果只想显示几何图形按钮,则推荐使用此样式。
{% note info no-icon %} 用例:
{% code %}
{% endcode %}ButtonCustom
如果想完全自定义按钮的内容,则推荐使用此样式。ButtonCustom中的内容完全由你自己决定,另外,可以通过BackgroundSwitchElement中的附加属性切换背景:
{% note info no-icon %} 用例:
{% code %}
{% endcode %}
{% endnote %}