blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

增加 tag readme (#76)

Browse Source
This commit is contained in:
Yao 2017-12-11 20:19:46 +08:00 committed by GitHub
parent fcc17c2b43
commit 678b944f2c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
example/pages/tag/index.wxml
View File

@ -6,7 +6,7 @@
<view class="zan-cell zan-cell--last-child">
<view class="zan-tag">灰色</view>
<view class="zan-tag zan-tag--danger">红色</view>
<view class="zan-tag zan-tag--disabled">黑色</view>
<view class="zan-tag zan-tag--disabled">不可用</view>
</view>
</view>
<view class="zan-panel">
@ -14,7 +14,7 @@
<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--primary zan-tag--disabled">黑色</view>
<view class="zan-tag zan-tag--primary zan-tag--disabled">不可用</view>
</view>
</view>
@ -23,7 +23,7 @@
<view class="zan-tag zan-tag--danger zan-tag--plain">会员折扣</view>
<view class="zan-tag zan-tag--warn zan-tag--plain">返现</view>
<view class="zan-tag zan-tag--primary zan-tag--plain">返现</view>
<view class="zan-tag zan-tag--primary zan-tag--plain zan-tag--disabled">返现</view>
<view class="zan-tag zan-tag--primary zan-tag--plain zan-tag--disabled">返现不可用</view>
</view>
</view>
</view>

26
packages/tag/README.md
View File

@ -1,3 +1,25 @@
## Label 标签
## Tag 标签
文档补充中
### 使用指南
在 app.wxss 中引入组件库所有样式
```css
@import "path/to/zanui-weapp/dist/index.wxss";
```
### 代码演示
直接在元素上添加`zan-tag`类即可。同时支持 danger, warn, primary 三种主题色。
添加`zan-tag--disabled`以后，会以不可用形式展示
```html
<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`以后，即可展示镂空样式标签
```html
<view class="zan-tag zan-tag--warn zan-tag--plain">返现</view>
```