<div class="margin">
    <pied-button type="primary">查询</pied-button>
    <pied-button type="info">搜索</pied-button>
    <pied-button type="warning">警告</pied-button>
    <pied-button type="error">危险</pied-button>
</div>
<div class="margin">
    <pied-button type="primary" size="mini">查询</pied-button>
    <pied-button type="info" size="small">搜索</pied-button>
    <pied-button type="warning" size="medium">警告</pied-button>
    <pied-button type="error" size="medium">警告</pied-button>
</div>
<div class="margin">
    <pied-button type="primary" round>查询</pied-button>
    <pied-button type="info" round>搜索</pied-button>
    <pied-button type="warning" round>警告</pied-button>
    <pied-button type="error" round>危险</pied-button>
</div>
<div class="margin">
    <pied-button type="primary" circle icon="pied-icon-vertical-align-botto"></pied-button>
    <pied-button type="info" circle icon="pied-icon-home1"></pied-button>
    <pied-button type="warning" circle icon="pied-icon-a-formatpainter1"></pied-button>
    <pied-button type="error" circle icon="pied-icon-fire"></pied-button>
</div>

<div class="margin">
    <pied-button type="primary" disabled>查询</pied-button>
    <pied-button type="info" disabled>搜索</pied-button>
    <pied-button type="warning" disabled>警告</pied-button>
    <pied-button type="error" disabled>危险</pied-button>
</div>

<div class="margin">
    <pied-button type="primary" size="mini">查询</pied-button>
    <pied-button type="info" size="small">搜索</pied-button>
    <pied-button type="warning" size="medium">警告</pied-button>
    <pied-button type="error" size="medium">警告</pied-button>
</div>

<div class="margin">
    <pied-button type="primary" loading="true">查询</pied-button>
</div>