按钮 Button

AUIJS支持为 <button> 、<input> 、<div> 增加 .aui-btn 来使用按钮效果。使用 .aui-btn-* 来选择使用AUI提供的样式

.aui-btn 默认宽度为 100%-30px；高度 50px；蓝色（#2979ff）背景；白色（#fff）文字；左右下各 15px 外边距（margin: 0 15px 15px 15px;）。

示例代码

<div class="aui-content">
    <button class="aui-btn">页面主操作Normal</button>
    <button class="aui-btn aui-btn-load">页面主操作Loading</button>
    <button class="aui-btn aui-btn-disabled">页面主操作Disabled</button>
    <button class="aui-btn aui-btn-round">页面主操作Normal</button>
    <button class="aui-btn aui-btn-success">Success类操作Normal</button>
    <button class="aui-btn aui-btn-success aui-btn-disabled">Success类操作Disabled</button>
    <button class="aui-btn aui-btn-error">Error类操作Normal</button>
    <button class="aui-btn aui-btn-error aui-btn-disabled">Error类操作Disabled</button>
    <button class="aui-btn aui-btn-waring">警告类操作Normal</button>
    <button class="aui-btn aui-btn-waring aui-btn-disabled">警告类操作Disabled</button>
    <button class="aui-btn aui-btn-linear">线性按钮</button>
    <button class="aui-btn aui-btn-linear aui-btn-disabled">不可点击按钮</button>
    <button class="aui-btn aui-btn-linear aui-btn-medium">线性按钮</button>
    <button class="aui-btn aui-btn-linear aui-btn-disabled aui-btn-medium">不可点击按钮</button>
    </br>
    <button class="aui-btn aui-btn-linear aui-btn-small">按钮</button>
    <button class="aui-btn aui-btn-linear aui-btn-disabled aui-btn-small">按钮</button>
</div>
<script>
    // loading动画需要借助aui.showload方法
    aui.showload({warp: ".aui-btn.aui-btn-load", type: 2, msg: "页面主操作Loading",});
</script>