Yao ce5559a57e
[improvement] 部分组件边框实现修改 (#87)
* 使用超细边框

* 部分组件切换为 hairline

* 文档 边框替换
2017-12-23 14:25:41 +08:00
..
2017-12-11 20:19:46 +08:00

Tag 标签

使用指南

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

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

代码演示

直接在元素上添加zan-tag类即可。同时支持 danger, warn, primary 三种主题色。

添加zan-tag--disabled以后,会以不可用形式展示

<view class="zan-tag">灰色</view>
<view class="zan-tag zan-tag--danger">会员折扣</view>
<view class="zan-tag zan-tag--warn">返现</view>
<view class="zan-tag zan-tag--primary">返现</view>
<!-- 不可用样式 -->
<view class="zan-tag zan-tag--disabled">不可用</view>

添加zan-tag--plain以后,即可展示镂空样式标签

<view class="zan-tag zan-tag--warn zan-tag--plain">返现</view>