1 Star 0 Fork 3

x386 / zanui-weapp

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
README.md 1.13 KB
一键复制 编辑 原始数据 按行查看 历史
Yao 提交于 2017-11-17 20:19 . Docs: 新增组件文档显示 (#58)

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>

JavaScript
1
https://gitee.com/jnulit/zanui-weapp.git
git@gitee.com:jnulit/zanui-weapp.git
jnulit
zanui-weapp
zanui-weapp
master

搜索帮助