vant-weapp/packages/btn

Button 按钮

使用指南

在 app.wxss 中引入组件库所有样式

@import "path/to/zanui-weapp/dist/index.wxss";

代码演示

基础用法

<button class="zan-btn">取消订单</button>

按钮类型

按钮支持额外的三种类型 primary, danger, warn

<button class="zan-btn zan-btn--primary">确认付款</button>
<button class="zan-btn zan-btn--danger">确认付款</button>
<button class="zan-btn zan-btn--warn">确认付款</button>

按钮大小

按钮支持额外三种大小 large, small, mini

<button class="zan-btn zan-btn--large">确认付款</button>
<button class="zan-btn zan-btn--small">取消订单</button>
<button class="zan-btn zan-btn--mini">确认付款</button>

其他

按钮支持镂空状态，可以直接使用 zan-btn--plain

<button class="zan-btn zan-btn--primary zan-btn--plain">确认付款</button>

同时支持加载状态，可以使用 zan-btn--loading 获得

<button class="zan-btn zan-btn--loading">确认付款</button>