diff --git a/dist/btn/index.wxss b/dist/btn/index.wxss
index 312b9c3f..04a9d145 100644
--- a/dist/btn/index.wxss
+++ b/dist/btn/index.wxss
@@ -60,7 +60,7 @@
   padding-left: 5px;
   padding-right: 5px;
 }
-.zui-btn--big {
+.zui-btn--large {
   border-radius: 0;
   margin-bottom: 0;
   border: none;
@@ -125,11 +125,12 @@
 
 /* disabled */
 .zui-btn.zui-btn--disabled {
-  color: #999;
-  background: #f8f8f8;
-  border-color: #e5e5e5;
-  cursor: not-allowed;
-  opacity: 1;
+  /* 防止样式被 button[disabled] 的规则覆盖，所以使用了important */
+  color: #999 ! important;
+  background: #f8f8f8 ! important;
+  border-color: #e5e5e5 ! important;
+  cursor: not-allowed ! important;
+  opacity: 1 ! important;
 }
 
 /* ::last-child */
diff --git a/dist/quantity/index.wxml b/dist/quantity/index.wxml
index dc4f4c59..15cd7391 100644
--- a/dist/quantity/index.wxml
+++ b/dist/quantity/index.wxml
@@ -1,5 +1,5 @@
 <template name="zui-quantity">
-  <view class="zui-quantity">
+  <view class="zui-quantity {{ size === 'small' ? 'zui-quantity--small' : '' }}">
     <view
       class="zui-quantity__minus {{ quantity <= min ? 'zui-quantity--disabled' : '' }}"
       data-component-id="{{ componentId }}"
diff --git a/dist/quantity/index.wxss b/dist/quantity/index.wxss
index 9b81aeed..b39bf63c 100644
--- a/dist/quantity/index.wxss
+++ b/dist/quantity/index.wxss
@@ -35,3 +35,12 @@
   color: #bbb;
   border-color: #e8e8e8;
 }
+.zui-quantity--small view {
+  min-width: 36px;
+  line-height: 18px;
+}
+.zui-quantity--small .zui-quantity__text {
+  width: 36px;
+  line-height: 28px;
+  height: 28px;
+}
diff --git a/example/btn/index.wxml b/example/btn/index.wxml
index ac3dd5d7..2d659adb 100644
--- a/example/btn/index.wxml
+++ b/example/btn/index.wxml
@@ -8,9 +8,9 @@
   </view>
 
   <view class="zui-panel">
-    <button class="zui-btn zui-btn--big zui-btn--primary">确认付款</button>
-    <button class="zui-btn zui-btn--big zui-btn--warn">立即购买</button>
-    <button class="zui-btn zui-btn--big zui-btn--danger">立即购买</button>
+    <button class="zui-btn zui-btn--large zui-btn--primary">确认付款</button>
+    <button class="zui-btn zui-btn--large zui-btn--warn">立即购买</button>
+    <button class="zui-btn zui-btn--large zui-btn--danger">立即购买</button>
   </view>
 
   <view class="zui-panel" style="padding: 15px;">
diff --git a/example/dialog/index.wxml b/example/dialog/index.wxml
index 7faacbf8..b0335096 100644
--- a/example/dialog/index.wxml
+++ b/example/dialog/index.wxml
@@ -2,7 +2,7 @@
 
   <view class="zui-btns">
     <button
-      class="zui-btn zui-btn--primary zui-btn--big"
+      class="zui-btn zui-btn--primary zui-btn--large"
       bindtap="toggleDialog"
       style="margin-top: 40vh;"
     >
diff --git a/example/quantity/index.js b/example/quantity/index.js
index 11c6926c..4406c270 100644
--- a/example/quantity/index.js
+++ b/example/quantity/index.js
@@ -3,7 +3,7 @@ var ZUI = require('../../dist/index');
 Page(Object.assign({}, ZUI.Quantity, {
   data: {
     quantity1: {
-      quantity: 1,
+      quantity: 10,
       min: 1,
       max: 20
     },
@@ -11,6 +11,11 @@ Page(Object.assign({}, ZUI.Quantity, {
       quantity: 1,
       min: 1,
       max: 1
+    },
+    quantity3: {
+      quantity: 10,
+      min: 1,
+      max: 20
     }
   },
 
diff --git a/example/quantity/index.wxml b/example/quantity/index.wxml
index 3d3b65e0..42aa274e 100644
--- a/example/quantity/index.wxml
+++ b/example/quantity/index.wxml
@@ -4,7 +4,14 @@
   <view style="padding: 40px 15px">
     <template is="zui-quantity" data="{{ ...quantity1, componentId: 'quantity1' }}" />
   </view>
+
+  <!-- 当最大值等于最小值时，组件不可用 -->
   <view style="padding: 40px 15px ">
     <template is="zui-quantity" data="{{ ...quantity2, componentId: 'quantity2' }}" />
   </view>
+
+  <!-- small size -->
+  <view style="padding: 40px 15px ">
+    <template is="zui-quantity" data="{{ ...quantity3, componentId: 'quantity3', size: 'small' }}" />
+  </view>
 </view>
diff --git a/example/toast/index.wxml b/example/toast/index.wxml
index a7ec390d..e3dcbb9a 100644
--- a/example/toast/index.wxml
+++ b/example/toast/index.wxml
@@ -3,7 +3,7 @@
 <view class="container">
   <view class="zui-btns">
     <button
-      class="zui-btn zui-btn--primary zui-btn--big"
+      class="zui-btn zui-btn--primary zui-btn--large"
       catchtap="showToast"
       style="margin-top: 40vh;"
     >
diff --git a/example/toptips/index.wxml b/example/toptips/index.wxml
index ca1a3e11..c46d5499 100644
--- a/example/toptips/index.wxml
+++ b/example/toptips/index.wxml
@@ -3,7 +3,7 @@
 <view class="container">
   <view class="zui-btns">
     <button
-      class="zui-btn zui-btn--primary zui-btn--big"
+      class="zui-btn zui-btn--primary zui-btn--large"
       catchtap="showTopTips"
       style="margin-top: 40vh;"
     >