diff --git a/packages/btn/README.md b/packages/btn/README.md
index 30d9662f..0515669d 100644
--- a/packages/btn/README.md
+++ b/packages/btn/README.md
@@ -1,42 +1,60 @@
 ## Button 按钮
 
 ### 使用指南
-在 app.wxss 中引入组件库所有样式
-```css
-@import "path/to/zanui-weapp/dist/index.wxss";
+在 json 文件中配置button组件
+```json
+"usingComponents": {
+  "zan-button": "/dist/btn/index"
+}
 ```
 
+### 属性
+
+| 名称     | 类型    | 是否必须  | 默认  | 描述   |
+|---------|---------|----------|------|-------|
+| type    | String  | 否       | 空 | 按钮类型，值有primary、warn、danger |
+| size    | String  | 否       | 空 | 按钮大小，值有large、small、mini |
+| plain   | Boolean | 否       | false | 按钮是否镂空，默认为false |
+| disabled | Boolean | 否      | false | 按钮是否禁用，默认为false |
+| loading | Boolean | 否       | false | 按钮加载状态，默认为false |
+
 ### 代码演示
 
 #### 基础用法
 ```html
-<button class="zan-btn">取消订单</button>
+<zan-button>取消订单</zan-button>
 ```
 
 #### 按钮类型
 按钮支持额外的三种类型 primary, danger, warn
 ```html
-<button class="zan-btn zan-btn--primary">确认付款</button>
-<button class="zan-btn zan-btn--danger">确认付款</button>
-<button class="zan-btn zan-btn--warn">确认付款</button>
+<zan-button type="primary">确认付款</zan-button>
+<zan-button type="danger">确认付款</zan-button>
+<zan-button type="warn">确认付款</zan-button>
 ```
 
 #### 按钮大小
 按钮支持额外三种大小 large, small, mini
 ```html
-<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-button type="large">确认付款</zan-button>
+<zan-button type="small">取消订单</zan-button>
+<zan-button type="mini">确认付款</zan-button>
 ```
 
 #### 其他
-按钮支持镂空状态，可以直接使用 zan-btn--plain
+按钮镂空状态
 ```html
-<button class="zan-btn zan-btn--primary zan-btn--plain">确认付款</button>
+<zan-button plain>确认付款</zan-button>
 ```
-同时支持加载状态，可以使用 zan-btn--loading 获得
+
+按钮加载状态
 ```html
-<button class="zan-btn zan-btn--loading">确认付款</button>
+<zan-button loading>确认付款</zan-button>
+```
+
+按钮禁用状态
+```html
+<zan-button disabled>确认付款</zan-button>
 ```
 
 ![](https://img.yzcdn.cn/public_files/2017/02/08/1b1e39ed3dc6b63519a68ba1e2650cfc.png)
diff --git a/packages/btn/index.js b/packages/btn/index.js
index 079cb51c..901367ac 100644
--- a/packages/btn/index.js
+++ b/packages/btn/index.js
@@ -10,6 +10,10 @@ Component({
       type: String,
       value: '',
     },
+    plain: {
+      type: Boolean,
+      value: false,
+    },
     disabled: {
       type: Boolean,
       value: false,
diff --git a/packages/btn/index.wxml b/packages/btn/index.wxml
index f2bbf97d..772e8973 100644
--- a/packages/btn/index.wxml
+++ b/packages/btn/index.wxml
@@ -1,6 +1,6 @@
 
 <button 
-  class="custom-class zan-btn {{size ? 'zan-btn--'+size : ''}} {{size === 'mini' ? 'zan-btn--plain' : ''}} {{type ? 'zan-btn--'+type : ''}} {{loading ? 'zan-btn--loading' : ''}} {{disabled ? 'zan-btn--disabled' : ''}}"
+  class="custom-class zan-btn {{size ? 'zan-btn--'+size : ''}} {{size === 'mini' ? 'zan-btn--plain' : ''}} {{plain ? 'zan-btn--plain' : ''}} {{type ? 'zan-btn--'+type : ''}} {{loading ? 'zan-btn--loading' : ''}} {{disabled ? 'zan-btn--disabled' : ''}}"
   disabled="{{disabled}}"
 >
   <slot></slot>
diff --git a/packages/tag/README.md b/packages/tag/README.md
index 9f262adc..b24ad0c8 100644
--- a/packages/tag/README.md
+++ b/packages/tag/README.md
@@ -1,25 +1,45 @@
 ## Tag 标签
 
 ### 使用指南
-在 app.wxss 中引入组件库所有样式
-```css
-@import "path/to/zanui-weapp/dist/index.wxss";
+在 json 文件中配置tag组件
+```json
+"usingComponents": {
+  "zan-tag": "/dist/tag/index"
+}
 ```
 
+### 属性
+
+| 名称     | 类型    | 是否必须  | 默认  | 描述   |
+|---------|---------|----------|------|-------|
+| type    | String  | 否       | 空 | tag类型，值有primary、warn、danger |
+| plain   | Boolean | 否       | false | tag是否镂空，默认为false |
+| disabled | Boolean | 否      | false | tag是否禁用，默认为false |
+
 ### 代码演示
-直接在元素上添加`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>取消订单</zan-tag>
 ```
 
-添加`zan-tag--plain`以后，即可展示镂空样式标签
+#### 类型
+tag支持额外的三种类型 primary, danger, warn
 ```html
-<view class="zan-tag zan-tag--warn zan-tag--plain">返现</view>
+<zan-tag type="primary">会员折扣</zan-tag>
+<zan-tag type="danger">返现</zan-tag>
+<zan-tag type="warn">返现</zan-tag>
 ```
+
+
+#### 其他
+tag镂空状态
+```html
+<zan-tag plain>返现</zan-tag>
+```
+
+tag禁用状态
+```html
+<zan-tag disabled>不可用</zan-tag>
+```
+