From 678b944f2c21a50c59bac2366aa98b20c137199b Mon Sep 17 00:00:00 2001
From: Yao <chenyao1102@gmail.com>
Date: Mon, 11 Dec 2017 20:19:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20tag=20readme=20(#76)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/pages/tag/index.wxml |  6 +++---
 packages/tag/README.md       | 26 ++++++++++++++++++++++++--
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/example/pages/tag/index.wxml b/example/pages/tag/index.wxml
index 48a47f56..b3822552 100644
--- a/example/pages/tag/index.wxml
+++ b/example/pages/tag/index.wxml
@@ -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>
diff --git a/packages/tag/README.md b/packages/tag/README.md
index 9699fa54..9f262adc 100644
--- a/packages/tag/README.md
+++ b/packages/tag/README.md
@@ -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>
+```