mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
36 lines
1.5 KiB
Plaintext
36 lines
1.5 KiB
Plaintext
<demo-section>
|
|
<demo-block title="按钮类型" padding>
|
|
<view class="row">
|
|
<van-button custom-class="demo-margin-right">默认按钮</van-button>
|
|
<van-button type="primary">主要按钮</van-button>
|
|
</view>
|
|
<van-button type="warning" custom-class="demo-margin-right">警告按钮</van-button>
|
|
<van-button type="danger">危险按钮</van-button>
|
|
</demo-block>
|
|
|
|
<demo-block title="朴素按钮" padding>
|
|
<view class="row">
|
|
<van-button plain custom-class="demo-margin-right">默认按钮</van-button>
|
|
<van-button type="primary" plain>主要按钮</van-button>
|
|
</view>
|
|
<van-button type="warning" plain custom-class="demo-margin-right">警告按钮</van-button>
|
|
<van-button type="danger" plain>危险按钮</van-button>
|
|
</demo-block>
|
|
|
|
<demo-block title="按钮尺寸" padding>
|
|
<van-button size="large" block custom-class="demo-margin-bottom">大号按钮</van-button>
|
|
<van-button 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="禁用状态" padding>
|
|
<van-button disabled>禁用状态</van-button>
|
|
</demo-block>
|
|
|
|
<demo-block title="加载状态" padding>
|
|
<van-button loading custom-class="demo-margin-right" loading-class="loading" />
|
|
<van-button loading type="primary" loading-class="loading" />
|
|
</demo-block>
|
|
</demo-section>
|