2018-07-30 14:37:11 +08:00

30 lines
1.3 KiB
Plaintext

<demo-section>
<demo-block title="按钮类型">
<van-button type="default" custom-class="demo-margin-right">默认按钮</van-button>
<van-button type="primary" custom-class="demo-margin-right">主要按钮</van-button>
<van-button type="danger">危险按钮</van-button>
</demo-block>
<demo-block title="朴素按钮">
<van-button type="default" plain custom-class="demo-margin-right">默认按钮</van-button>
<van-button type="primary" plain custom-class="demo-margin-right">主要按钮</van-button>
<van-button type="danger" plain>危险按钮</van-button>
</demo-block>
<demo-block title="按钮尺寸">
<van-button size="large" block custom-class="demo-margin-bottom">大号按钮</van-button>
<van-button size="normal" class="demo-margin-right">普通按钮</van-button>
<van-button size="small" class="demo-margin-right">小型按钮</van-button>
<van-button size="mini">迷你按钮</van-button>
</demo-block>
<demo-block title="禁用状态">
<van-button disabled>禁用状态</van-button>
</demo-block>
<demo-block title="加载状态">
<van-button loading custom-class="demo-margin-right" loading-class="loading" />
<van-button loading type="primary" loading-class="loading" />
</demo-block>
</demo-section>