mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
56 lines
2.0 KiB
Plaintext
56 lines
2.0 KiB
Plaintext
<doc-page title="BUTTON" without-padding>
|
|
|
|
<zan-panel title="普通按钮">
|
|
<zan-button-group>
|
|
<zan-button
|
|
open-type="getPhoneNumber"
|
|
bind:getphonenumber="getPhoneNumber"
|
|
>获取电话</zan-button>
|
|
<zan-button type="primary">确认付款</zan-button>
|
|
<zan-button type="danger">确认付款</zan-button>
|
|
<zan-button type="warn">确认付款</zan-button>
|
|
</zan-button-group>
|
|
</zan-panel>
|
|
|
|
<zan-panel title="大号按钮，没有边框线及圆角">
|
|
<zan-button size="large" type="primary">确认付款</zan-button>
|
|
<zan-button size="large" type="warn">立即购买</zan-button>
|
|
<zan-button size="large" type="danger">立即购买</zan-button>
|
|
</zan-panel>
|
|
|
|
<zan-panel title="小号按钮">
|
|
<zan-button-group>
|
|
<zan-button size="small">取消订单</zan-button>
|
|
<zan-button size="small" type="primary">确认付款</zan-button>
|
|
</zan-button-group>
|
|
</zan-panel>
|
|
|
|
<zan-panel title="迷你按钮">
|
|
<zan-button-group>
|
|
<zan-button size="mini">取消订单</zan-button>
|
|
<zan-button size="mini" type="primary">确认付款</zan-button>
|
|
<zan-button size="mini" type="warn">确认付款</zan-button>
|
|
<zan-button size="mini" type="danger">确认付款</zan-button>
|
|
</zan-button-group>
|
|
</zan-panel>
|
|
|
|
<zan-panel title="Loading">
|
|
<zan-button-group>
|
|
<zan-button loading>取消订单</zan-button>
|
|
<zan-button loading type="primary">确认付款</zan-button>
|
|
<zan-button loading type="danger">确认付款</zan-button>
|
|
<zan-button loading type="warn">确认付款</zan-button>
|
|
</zan-button-group>
|
|
</zan-panel>
|
|
|
|
<zan-panel title="Disabled">
|
|
<zan-button-group>
|
|
<zan-button disabled>取消订单</zan-button>
|
|
<zan-button disabled type="primary">确认付款</zan-button>
|
|
<zan-button disabled type="danger">确认付款</zan-button>
|
|
<zan-button disabled type="warn">确认付款</zan-button>
|
|
</zan-button-group>
|
|
</zan-panel>
|
|
|
|
</doc-page>
|