diff --git a/dist/area/index.js b/dist/area/index.js
index 76a5fef2..4e161ab6 100644
--- a/dist/area/index.js
+++ b/dist/area/index.js
@@ -133,6 +133,8 @@ VantComponent({
       return 0;
     },
     setValues: function setValues() {
+      var _this = this;
+
       var county = this.getConfig('county');
       var code = this.code || Object.keys(county)[0] || '';
       var province = this.getList('province');
@@ -143,16 +145,19 @@ VantComponent({
         return;
       }
 
-      picker.setColumnValues(0, province);
-      picker.setColumnValues(1, city);
+      var stack = [];
+      stack.push(picker.setColumnValues(0, province));
+      stack.push(picker.setColumnValues(1, city));
 
       if (city.length && code.slice(2, 4) === '00') {
         ;
         code = city[0].code;
       }
 
-      picker.setColumnValues(2, this.getList('county', code.slice(0, 4)));
-      picker.setIndexes([this.getIndex('province', code), this.getIndex('city', code), this.getIndex('county', code)]);
+      stack.push(picker.setColumnValues(2, this.getList('county', code.slice(0, 4))));
+      return Promise.all(stack).then(function () {
+        return picker.setIndexes([_this.getIndex('province', code), _this.getIndex('city', code), _this.getIndex('county', code)]);
+      }).catch(function () {});
     },
     getValues: function getValues() {
       var picker = this.getPicker();
@@ -192,7 +197,7 @@ VantComponent({
     },
     reset: function reset() {
       this.code = '';
-      this.setValues();
+      return this.setValues();
     }
   }
 });
\ No newline at end of file
diff --git a/dist/button/index.wxss b/dist/button/index.wxss
index 10d9a3e0..6f215a83 100644
--- a/dist/button/index.wxss
+++ b/dist/button/index.wxss
@@ -1 +1 @@
-@import '../common/index.wxss';.van-button{position:relative;padding:0;display:inline-block;height:44px;line-height:42px;border-radius:2px;box-sizing:border-box;font-size:16px;text-align:center;vertical-align:middle;-webkit-appearance:none;-webkit-text-size-adjust:100%}.van-button::after{content:" ";position:absolute;top:50%;left:50%;opacity:0;width:100%;height:100%;border:inherit;border-color:#000;background-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-button:active::after{opacity:.15}.van-button--unclickable::after{display:none}.van-button--default{color:#333;background-color:#fff;border:1px solid #eee}.van-button--primary{color:#fff;background-color:#4b0;border:1px solid #4b0}.van-button--danger{color:#fff;background-color:#f44;border:1px solid #f44}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#4b0}.van-button--plain.van-button--danger{color:#f44}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px;line-height:48px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:30px;padding:0 8px;min-width:60px;font-size:12px;line-height:28px}.van-button--mini{display:inline-block;width:50px;height:22px;line-height:20px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{width:100%;display:block}.van-button--round{border-radius:10em}.van-button--square{border-radius:0}.van-button--disabled{opacity:.5}
\ No newline at end of file
+@import '../common/index.wxss';.van-button{position:relative;padding:0;display:inline-block;height:44px;line-height:42px;border-radius:2px;box-sizing:border-box;font-size:16px;text-align:center;vertical-align:middle;-webkit-appearance:none;-webkit-text-size-adjust:100%}.van-button::after{content:" ";position:absolute;top:50%;left:50%;opacity:0;width:100%;height:100%;border:inherit;border-color:#000;background-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-button:active::after{opacity:.15}.van-button--unclickable::after{display:none}.van-button--default{color:#333;background-color:#fff;border:1px solid #eee}.van-button--primary{color:#fff;background-color:#07c160;border:1px solid #07c160}.van-button--danger{color:#fff;background-color:#f44;border:1px solid #f44}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#07c160}.van-button--plain.van-button--danger{color:#f44}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px;line-height:48px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:30px;padding:0 8px;min-width:60px;font-size:12px;line-height:28px}.van-button--mini{display:inline-block;width:50px;height:22px;line-height:20px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{width:100%;display:block}.van-button--round{border-radius:10em}.van-button--square{border-radius:0}.van-button--disabled{opacity:.5}
\ No newline at end of file
diff --git a/dist/common/color.js b/dist/common/color.js
index ad9fbe16..eff548d2 100644
--- a/dist/common/color.js
+++ b/dist/common/color.js
@@ -1,3 +1,3 @@
 export var RED = '#f44';
 export var BLUE = '#1989fa';
-export var GREEN = '#4b0';
\ No newline at end of file
+export var GREEN = '#07c160';
\ No newline at end of file
diff --git a/dist/datetime-picker/index.js b/dist/datetime-picker/index.js
index 37a97799..13c70449 100644
--- a/dist/datetime-picker/index.js
+++ b/dist/datetime-picker/index.js
@@ -118,13 +118,6 @@ VantComponent({
     maxMinute: 'updateColumns'
   },
   methods: {
-    asyncSet: function asyncSet(data) {
-      var _this2 = this;
-
-      return new Promise(function (resolve) {
-        _this2.set(data, resolve);
-      });
-    },
     getPicker: function getPicker() {
       if (this.picker == null) {
         var picker = this.picker = this.selectComponent('.van-datetime-picker');
@@ -154,7 +147,7 @@ VantComponent({
           values: values
         };
       });
-      return this.asyncSet({
+      return this.set({
         columns: results
       });
     },
@@ -280,7 +273,7 @@ VantComponent({
       this.$emit('confirm', this.data.innerValue);
     },
     onChange: function onChange() {
-      var _this3 = this;
+      var _this2 = this;
 
       var data = this.data;
       var value;
@@ -314,13 +307,13 @@ VantComponent({
 
       value = this.correctValue(value);
       this.updateColumnValue(value).then(function () {
-        _this3.$emit('input', value);
+        _this2.$emit('input', value);
 
-        _this3.$emit('change', picker);
+        _this2.$emit('change', picker);
       });
     },
     updateColumnValue: function updateColumnValue(value) {
-      var _this4 = this;
+      var _this3 = this;
 
       var values = [];
       var data = this.data;
@@ -342,21 +335,21 @@ VantComponent({
         }
       }
 
-      return this.asyncSet({
+      return this.set({
         innerValue: value
       }).then(function () {
-        return _this4.updateColumns();
+        return _this3.updateColumns();
       }).then(function () {
-        picker.setValues(values);
+        return picker.setValues(values);
       });
     }
   },
   created: function created() {
-    var _this5 = this;
+    var _this4 = this;
 
     var innerValue = this.correctValue(this.data.value);
     this.updateColumnValue(innerValue).then(function () {
-      _this5.$emit('input', innerValue);
+      _this4.$emit('input', innerValue);
     });
   }
 });
\ No newline at end of file
diff --git a/dist/field/index.js b/dist/field/index.js
index 4a04edb5..f16f4630 100644
--- a/dist/field/index.js
+++ b/dist/field/index.js
@@ -74,9 +74,7 @@ VantComponent({
         value: value,
         showClear: this.getShowClear(value)
       }, function () {
-        _this.$emit('input', value);
-
-        _this.$emit('change', value);
+        _this.emitChange(value);
       });
     },
     onFocus: function onFocus(event) {
@@ -91,11 +89,14 @@ VantComponent({
         height: height
       });
       this.focused = true;
+      this.blurFromClear = false;
       this.set({
         showClear: this.getShowClear()
       });
     },
     onBlur: function onBlur(event) {
+      var _this2 = this;
+
       var _ref3 = event.detail || {},
           _ref3$value = _ref3.value,
           value = _ref3$value === void 0 ? '' : _ref3$value,
@@ -107,9 +108,21 @@ VantComponent({
         cursor: cursor
       });
       this.focused = false;
-      this.set({
-        showClear: this.getShowClear()
-      });
+      var showClear = this.getShowClear();
+
+      if (this.data.value === value) {
+        this.set({
+          showClear: showClear
+        });
+      } else if (!this.blurFromClear) {
+        // fix: the handwritten keyboard does not trigger input change
+        this.set({
+          value: value,
+          showClear: showClear
+        }, function () {
+          _this2.emitChange(value);
+        });
+      }
     },
     onClickIcon: function onClickIcon() {
       this.$emit('click-icon');
@@ -119,21 +132,24 @@ VantComponent({
       return this.data.clearable && this.focused && value && !this.data.readonly;
     },
     onClear: function onClear() {
-      var _this2 = this;
+      var _this3 = this;
 
+      this.blurFromClear = true;
       this.set({
         value: '',
         showClear: this.getShowClear('')
       }, function () {
-        _this2.$emit('input', '');
+        _this3.emitChange('');
 
-        _this2.$emit('change', '');
-
-        _this2.$emit('clear', '');
+        _this3.$emit('clear', '');
       });
     },
     onConfirm: function onConfirm() {
       this.$emit('confirm', this.data.value);
+    },
+    emitChange: function emitChange(value) {
+      this.$emit('input', value);
+      this.$emit('change', value);
     }
   }
 });
\ No newline at end of file
diff --git a/dist/icon/index.wxss b/dist/icon/index.wxss
index b283c60e..7df71b54 100644
--- a/dist/icon/index.wxss
+++ b/dist/icon/index.wxss
@@ -1 +1 @@
-@import '../common/index.wxss';@font-face{font-style:normal;font-weight:400;font-family:vant-icon;src:url(https://img.yzcdn.cn/vant/vant-icon-6a2b1e.woff2) format('woff2'),url(https://img.yzcdn.cn/vant/vant-icon-6a2b1e.woff) format('woff'),url(https://img.yzcdn.cn/vant/vant-icon-6a2b1e.ttf) format('truetype')}.van-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon::before{display:inline-block}.van-icon-add-o:before{content:"\F000"}.van-icon-add-square:before{content:"\F001"}.van-icon-add:before{content:"\F002"}.van-icon-after-sale:before{content:"\F003"}.van-icon-aim:before{content:"\F004"}.van-icon-alipay:before{content:"\F005"}.van-icon-apps-o:before{content:"\F006"}.van-icon-arrow-down:before{content:"\F007"}.van-icon-arrow-left:before{content:"\F008"}.van-icon-arrow-up:before{content:"\F009"}.van-icon-arrow:before{content:"\F00A"}.van-icon-award-o:before{content:"\F00B"}.van-icon-award:before{content:"\F00C"}.van-icon-bag-o:before{content:"\F00D"}.van-icon-bag:before{content:"\F00E"}.van-icon-balance-list-o:before{content:"\F00F"}.van-icon-balance-list:before{content:"\F010"}.van-icon-balance-o:before{content:"\F011"}.van-icon-balance-pay:before{content:"\F012"}.van-icon-bar-chart-o:before{content:"\F013"}.van-icon-bars:before{content:"\F014"}.van-icon-bell:before{content:"\F015"}.van-icon-bill-o:before{content:"\F016"}.van-icon-bill:before{content:"\F017"}.van-icon-birthday-cake-o:before{content:"\F018"}.van-icon-bookmark-o:before{content:"\F019"}.van-icon-bookmark:before{content:"\F01A"}.van-icon-browsing-history-o:before{content:"\F01B"}.van-icon-browsing-history:before{content:"\F01C"}.van-icon-brush-o:before{content:"\F01D"}.van-icon-bulb-o:before{content:"\F01E"}.van-icon-bullhorn-o:before{content:"\F01F"}.van-icon-calender-o:before{content:"\F020"}.van-icon-card:before{content:"\F021"}.van-icon-cart-o:before{content:"\F022"}.van-icon-cart:before{content:"\F023"}.van-icon-cash-back-record:before{content:"\F024"}.van-icon-cash-on-deliver:before{content:"\F025"}.van-icon-cashier-o:before{content:"\F026"}.van-icon-certificate:before{content:"\F027"}.van-icon-chart-trending-o:before{content:"\F028"}.van-icon-chat-o:before{content:"\F029"}.van-icon-chat:before{content:"\F02A"}.van-icon-checked:before{content:"\F02B"}.van-icon-circle:before{content:"\F02C"}.van-icon-clear:before{content:"\F02D"}.van-icon-clock-o:before{content:"\F02E"}.van-icon-clock:before{content:"\F02F"}.van-icon-close:before{content:"\F030"}.van-icon-closed-eye:before{content:"\F031"}.van-icon-cluster-o:before{content:"\F032"}.van-icon-cluster:before{content:"\F033"}.van-icon-comment-circle-o:before{content:"\F034"}.van-icon-comment-o:before{content:"\F035"}.van-icon-comment:before{content:"\F036"}.van-icon-completed:before{content:"\F037"}.van-icon-contact:before{content:"\F038"}.van-icon-coupon-o:before{content:"\F039"}.van-icon-coupon:before{content:"\F03A"}.van-icon-credit-pay:before{content:"\F03B"}.van-icon-cross:before{content:"\F03C"}.van-icon-debit-pay:before{content:"\F03D"}.van-icon-delete:before{content:"\F03E"}.van-icon-description:before{content:"\F03F"}.van-icon-desktop-o:before{content:"\F040"}.van-icon-diamond-o:before{content:"\F041"}.van-icon-diamond:before{content:"\F042"}.van-icon-discount:before{content:"\F043"}.van-icon-ecard-pay:before{content:"\F044"}.van-icon-edit:before{content:"\F045"}.van-icon-ellipsis:before{content:"\F046"}.van-icon-empty:before{content:"\F047"}.van-icon-envelop-o:before{content:"\F048"}.van-icon-exchange:before{content:"\F049"}.van-icon-expand-o:before{content:"\F04A"}.van-icon-expand:before{content:"\F04B"}.van-icon-eye-o:before{content:"\F04C"}.van-icon-eye:before{content:"\F04D"}.van-icon-fail:before{content:"\F04E"}.van-icon-failure:before{content:"\F04F"}.van-icon-filter-o:before{content:"\F050"}.van-icon-fire-o:before{content:"\F051"}.van-icon-fire:before{content:"\F052"}.van-icon-flag-o:before{content:"\F053"}.van-icon-flower-o:before{content:"\F054"}.van-icon-free-postage:before{content:"\F055"}.van-icon-friends-o:before{content:"\F056"}.van-icon-friends:before{content:"\F057"}.van-icon-gem-o:before{content:"\F058"}.van-icon-gem:before{content:"\F059"}.van-icon-gift-card-o:before{content:"\F05A"}.van-icon-gift-card:before{content:"\F05B"}.van-icon-gift-o:before{content:"\F05C"}.van-icon-gift:before{content:"\F05D"}.van-icon-gold-coin-o:before{content:"\F05E"}.van-icon-gold-coin:before{content:"\F05F"}.van-icon-goods-collect-o:before{content:"\F060"}.van-icon-goods-collect:before{content:"\F061"}.van-icon-home-o:before{content:"\F062"}.van-icon-hot-o:before{content:"\F063"}.van-icon-hot-sale-o:before{content:"\F064"}.van-icon-hot-sale:before{content:"\F065"}.van-icon-hot:before{content:"\F066"}.van-icon-hotel-o:before{content:"\F067"}.van-icon-idcard:before{content:"\F068"}.van-icon-info-o:before{content:"\F069"}.van-icon-info:before{content:"\F06A"}.van-icon-label-o:before{content:"\F06B"}.van-icon-label:before{content:"\F06C"}.van-icon-like-o:before{content:"\F06D"}.van-icon-like:before{content:"\F06E"}.van-icon-location-o:before{content:"\F06F"}.van-icon-location:before{content:"\F070"}.van-icon-logistics:before{content:"\F071"}.van-icon-manager-o:before{content:"\F072"}.van-icon-manager:before{content:"\F073"}.van-icon-map-marked:before{content:"\F074"}.van-icon-medel-o:before{content:"\F075"}.van-icon-medel:before{content:"\F076"}.van-icon-more-o:before{content:"\F077"}.van-icon-more:before{content:"\F078"}.van-icon-music-o:before{content:"\F079"}.van-icon-new-arrival-o:before{content:"\F07A"}.van-icon-new-arrival:before{content:"\F07B"}.van-icon-new:before{content:"\F07C"}.van-icon-newspaper-o:before{content:"\F07D"}.van-icon-notes-o:before{content:"\F07E"}.van-icon-orders-o:before{content:"\F07F"}.van-icon-other-pay:before{content:"\F080"}.van-icon-paid:before{content:"\F081"}.van-icon-passed:before{content:"\F082"}.van-icon-pause:before{content:"\F083"}.van-icon-peer-pay:before{content:"\F084"}.van-icon-pending-payment:before{content:"\F085"}.van-icon-phone-circle-o:before{content:"\F086"}.van-icon-phone-o:before{content:"\F087"}.van-icon-phone:before{content:"\F088"}.van-icon-photo-o:before{content:"\F089"}.van-icon-photo:before{content:"\F08A"}.van-icon-photograph:before{content:"\F08B"}.van-icon-play:before{content:"\F08C"}.van-icon-plus:before{content:"\F08D"}.van-icon-point-gift-o:before{content:"\F08E"}.van-icon-point-gift:before{content:"\F08F"}.van-icon-points:before{content:"\F090"}.van-icon-printer:before{content:"\F091"}.van-icon-qr-invalid:before{content:"\F092"}.van-icon-qr:before{content:"\F093"}.van-icon-question-o:before{content:"\F094"}.van-icon-question:before{content:"\F095"}.van-icon-records:before{content:"\F096"}.van-icon-refund-o:before{content:"\F097"}.van-icon-scan:before{content:"\F098"}.van-icon-search:before{content:"\F099"}.van-icon-send-gift-o:before{content:"\F09A"}.van-icon-send-gift:before{content:"\F09B"}.van-icon-service-o:before{content:"\F09C"}.van-icon-service:before{content:"\F09D"}.van-icon-setting-o:before{content:"\F09E"}.van-icon-setting:before{content:"\F09F"}.van-icon-share:before{content:"\F0A0"}.van-icon-shop-collect-o:before{content:"\F0A1"}.van-icon-shop-collect:before{content:"\F0A2"}.van-icon-shop-o:before{content:"\F0A3"}.van-icon-shop:before{content:"\F0A4"}.van-icon-shopping-cart-o:before{content:"\F0A5"}.van-icon-shopping-cart:before{content:"\F0A6"}.van-icon-sign:before{content:"\F0A7"}.van-icon-smile-comment-o:before{content:"\F0A8"}.van-icon-smile-comment:before{content:"\F0A9"}.van-icon-smile-o:before{content:"\F0AA"}.van-icon-star-o:before{content:"\F0AB"}.van-icon-star:before{content:"\F0AC"}.van-icon-stop:before{content:"\F0AD"}.van-icon-success:before{content:"\F0AE"}.van-icon-thumb-circle-o:before{content:"\F0AF"}.van-icon-todo-list-o:before{content:"\F0B0"}.van-icon-todo-list:before{content:"\F0B1"}.van-icon-tosend:before{content:"\F0B2"}.van-icon-tv-o:before{content:"\F0B3"}.van-icon-umbrella-circle:before{content:"\F0B4"}.van-icon-underway-o:before{content:"\F0B5"}.van-icon-underway:before{content:"\F0B6"}.van-icon-upgrade:before{content:"\F0B7"}.van-icon-user-circle-o:before{content:"\F0B8"}.van-icon-user-o:before{content:"\F0B9"}.van-icon-video-o:before{content:"\F0BA"}.van-icon-video:before{content:"\F0BB"}.van-icon-vip-card-o:before{content:"\F0BC"}.van-icon-vip-card:before{content:"\F0BD"}.van-icon-volume-o:before{content:"\F0BE"}.van-icon-volume:before{content:"\F0BF"}.van-icon-wap-home:before{content:"\F0C0"}.van-icon-wap-nav:before{content:"\F0C1"}.van-icon-warn-o:before{content:"\F0C2"}.van-icon-wechat:before{content:"\F0C3"}.van-icon-youzan-shield:before{content:"\F0C4"}.van-icon--image{width:1em;height:1em}.van-icon--image image{top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;position:absolute}
\ No newline at end of file
+@import '../common/index.wxss';@font-face{font-style:normal;font-weight:400;font-family:vant-icon;src:url(https://img.yzcdn.cn/vant/vant-icon-3d2f5b.woff2) format('woff2'),url(https://img.yzcdn.cn/vant/vant-icon-3d2f5b.woff) format('woff'),url(https://img.yzcdn.cn/vant/vant-icon-3d2f5b.ttf) format('truetype')}.van-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon::before{display:inline-block}.van-icon-add-o:before{content:"\F000"}.van-icon-add-square:before{content:"\F001"}.van-icon-add:before{content:"\F002"}.van-icon-after-sale:before{content:"\F003"}.van-icon-aim:before{content:"\F004"}.van-icon-alipay:before{content:"\F005"}.van-icon-apps-o:before{content:"\F006"}.van-icon-arrow-down:before{content:"\F007"}.van-icon-arrow-left:before{content:"\F008"}.van-icon-arrow-up:before{content:"\F009"}.van-icon-arrow:before{content:"\F00A"}.van-icon-award-o:before{content:"\F00B"}.van-icon-award:before{content:"\F00C"}.van-icon-bag-o:before{content:"\F00D"}.van-icon-bag:before{content:"\F00E"}.van-icon-balance-list-o:before{content:"\F00F"}.van-icon-balance-list:before{content:"\F010"}.van-icon-balance-o:before{content:"\F011"}.van-icon-balance-pay:before{content:"\F012"}.van-icon-bar-chart-o:before{content:"\F013"}.van-icon-bars:before{content:"\F014"}.van-icon-bell:before{content:"\F015"}.van-icon-bill-o:before{content:"\F016"}.van-icon-bill:before{content:"\F017"}.van-icon-birthday-cake-o:before{content:"\F018"}.van-icon-bookmark-o:before{content:"\F019"}.van-icon-bookmark:before{content:"\F01A"}.van-icon-browsing-history-o:before{content:"\F01B"}.van-icon-browsing-history:before{content:"\F01C"}.van-icon-brush-o:before{content:"\F01D"}.van-icon-bulb-o:before{content:"\F01E"}.van-icon-bullhorn-o:before{content:"\F01F"}.van-icon-calender-o:before{content:"\F020"}.van-icon-card:before{content:"\F021"}.van-icon-cart-circle-o:before{content:"\F022"}.van-icon-cart-circle:before{content:"\F023"}.van-icon-cart-o:before{content:"\F024"}.van-icon-cart:before{content:"\F025"}.van-icon-cash-back-record:before{content:"\F026"}.van-icon-cash-on-deliver:before{content:"\F027"}.van-icon-cashier-o:before{content:"\F028"}.van-icon-certificate:before{content:"\F029"}.van-icon-chart-trending-o:before{content:"\F02A"}.van-icon-chat-o:before{content:"\F02B"}.van-icon-chat:before{content:"\F02C"}.van-icon-checked:before{content:"\F02D"}.van-icon-circle:before{content:"\F02E"}.van-icon-clear:before{content:"\F02F"}.van-icon-clock-o:before{content:"\F030"}.van-icon-clock:before{content:"\F031"}.van-icon-close:before{content:"\F032"}.van-icon-closed-eye:before{content:"\F033"}.van-icon-cluster-o:before{content:"\F034"}.van-icon-cluster:before{content:"\F035"}.van-icon-comment-circle-o:before{content:"\F036"}.van-icon-comment-o:before{content:"\F037"}.van-icon-comment:before{content:"\F038"}.van-icon-completed:before{content:"\F039"}.van-icon-contact:before{content:"\F03A"}.van-icon-coupon-o:before{content:"\F03B"}.van-icon-coupon:before{content:"\F03C"}.van-icon-credit-pay:before{content:"\F03D"}.van-icon-cross:before{content:"\F03E"}.van-icon-debit-pay:before{content:"\F03F"}.van-icon-delete:before{content:"\F040"}.van-icon-description:before{content:"\F041"}.van-icon-desktop-o:before{content:"\F042"}.van-icon-diamond-o:before{content:"\F043"}.van-icon-diamond:before{content:"\F044"}.van-icon-discount:before{content:"\F045"}.van-icon-ecard-pay:before{content:"\F046"}.van-icon-edit:before{content:"\F047"}.van-icon-ellipsis:before{content:"\F048"}.van-icon-empty:before{content:"\F049"}.van-icon-envelop-o:before{content:"\F04A"}.van-icon-exchange:before{content:"\F04B"}.van-icon-expand-o:before{content:"\F04C"}.van-icon-expand:before{content:"\F04D"}.van-icon-eye-o:before{content:"\F04E"}.van-icon-eye:before{content:"\F04F"}.van-icon-fail:before{content:"\F050"}.van-icon-failure:before{content:"\F051"}.van-icon-filter-o:before{content:"\F052"}.van-icon-fire-o:before{content:"\F053"}.van-icon-fire:before{content:"\F054"}.van-icon-flag-o:before{content:"\F055"}.van-icon-flower-o:before{content:"\F056"}.van-icon-free-postage:before{content:"\F057"}.van-icon-friends-o:before{content:"\F058"}.van-icon-friends:before{content:"\F059"}.van-icon-gem-o:before{content:"\F05A"}.van-icon-gem:before{content:"\F05B"}.van-icon-gift-card-o:before{content:"\F05C"}.van-icon-gift-card:before{content:"\F05D"}.van-icon-gift-o:before{content:"\F05E"}.van-icon-gift:before{content:"\F05F"}.van-icon-gold-coin-o:before{content:"\F060"}.van-icon-gold-coin:before{content:"\F061"}.van-icon-goods-collect-o:before{content:"\F062"}.van-icon-goods-collect:before{content:"\F063"}.van-icon-home-o:before{content:"\F064"}.van-icon-hot-o:before{content:"\F065"}.van-icon-hot-sale-o:before{content:"\F066"}.van-icon-hot-sale:before{content:"\F067"}.van-icon-hot:before{content:"\F068"}.van-icon-hotel-o:before{content:"\F069"}.van-icon-idcard:before{content:"\F06A"}.van-icon-info-o:before{content:"\F06B"}.van-icon-info:before{content:"\F06C"}.van-icon-label-o:before{content:"\F06D"}.van-icon-label:before{content:"\F06E"}.van-icon-like-o:before{content:"\F06F"}.van-icon-like:before{content:"\F070"}.van-icon-location-o:before{content:"\F071"}.van-icon-location:before{content:"\F072"}.van-icon-logistics:before{content:"\F073"}.van-icon-manager-o:before{content:"\F074"}.van-icon-manager:before{content:"\F075"}.van-icon-map-marked:before{content:"\F076"}.van-icon-medel-o:before{content:"\F077"}.van-icon-medel:before{content:"\F078"}.van-icon-more-o:before{content:"\F079"}.van-icon-more:before{content:"\F07A"}.van-icon-music-o:before{content:"\F07B"}.van-icon-new-arrival-o:before{content:"\F07C"}.van-icon-new-arrival:before{content:"\F07D"}.van-icon-new-o:before{content:"\F07E"}.van-icon-new:before{content:"\F07F"}.van-icon-newspaper-o:before{content:"\F080"}.van-icon-notes-o:before{content:"\F081"}.van-icon-orders-o:before{content:"\F082"}.van-icon-other-pay:before{content:"\F083"}.van-icon-paid:before{content:"\F084"}.van-icon-passed:before{content:"\F085"}.van-icon-pause:before{content:"\F086"}.van-icon-peer-pay:before{content:"\F087"}.van-icon-pending-payment:before{content:"\F088"}.van-icon-phone-circle-o:before{content:"\F089"}.van-icon-phone-o:before{content:"\F08A"}.van-icon-phone:before{content:"\F08B"}.van-icon-photo-o:before{content:"\F08C"}.van-icon-photo:before{content:"\F08D"}.van-icon-photograph:before{content:"\F08E"}.van-icon-play:before{content:"\F08F"}.van-icon-plus:before{content:"\F090"}.van-icon-point-gift-o:before{content:"\F091"}.van-icon-point-gift:before{content:"\F092"}.van-icon-points:before{content:"\F093"}.van-icon-printer:before{content:"\F094"}.van-icon-qr-invalid:before{content:"\F095"}.van-icon-qr:before{content:"\F096"}.van-icon-question-o:before{content:"\F097"}.van-icon-question:before{content:"\F098"}.van-icon-records:before{content:"\F099"}.van-icon-refund-o:before{content:"\F09A"}.van-icon-scan:before{content:"\F09B"}.van-icon-search:before{content:"\F09C"}.van-icon-send-gift-o:before{content:"\F09D"}.van-icon-send-gift:before{content:"\F09E"}.van-icon-service-o:before{content:"\F09F"}.van-icon-service:before{content:"\F0A0"}.van-icon-setting-o:before{content:"\F0A1"}.van-icon-setting:before{content:"\F0A2"}.van-icon-share:before{content:"\F0A3"}.van-icon-shop-collect-o:before{content:"\F0A4"}.van-icon-shop-collect:before{content:"\F0A5"}.van-icon-shop-o:before{content:"\F0A6"}.van-icon-shop:before{content:"\F0A7"}.van-icon-shopping-cart-o:before{content:"\F0A8"}.van-icon-shopping-cart:before{content:"\F0A9"}.van-icon-sign:before{content:"\F0AA"}.van-icon-smile-comment-o:before{content:"\F0AB"}.van-icon-smile-comment:before{content:"\F0AC"}.van-icon-smile-o:before{content:"\F0AD"}.van-icon-star-o:before{content:"\F0AE"}.van-icon-star:before{content:"\F0AF"}.van-icon-stop:before{content:"\F0B0"}.van-icon-success:before{content:"\F0B1"}.van-icon-thumb-circle-o:before{content:"\F0B2"}.van-icon-todo-list-o:before{content:"\F0B3"}.van-icon-todo-list:before{content:"\F0B4"}.van-icon-tosend:before{content:"\F0B5"}.van-icon-tv-o:before{content:"\F0B6"}.van-icon-umbrella-circle:before{content:"\F0B7"}.van-icon-underway-o:before{content:"\F0B8"}.van-icon-underway:before{content:"\F0B9"}.van-icon-upgrade:before{content:"\F0BA"}.van-icon-user-circle-o:before{content:"\F0BB"}.van-icon-user-o:before{content:"\F0BC"}.van-icon-video-o:before{content:"\F0BD"}.van-icon-video:before{content:"\F0BE"}.van-icon-vip-card-o:before{content:"\F0BF"}.van-icon-vip-card:before{content:"\F0C0"}.van-icon-volume-o:before{content:"\F0C1"}.van-icon-volume:before{content:"\F0C2"}.van-icon-wap-home:before{content:"\F0C3"}.van-icon-wap-nav:before{content:"\F0C4"}.van-icon-warn-o:before{content:"\F0C5"}.van-icon-wechat:before{content:"\F0C6"}.van-icon-youzan-shield:before{content:"\F0C7"}.van-icon--image{width:1em;height:1em}.van-icon--image image{top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;position:absolute}
\ No newline at end of file
diff --git a/dist/mixins/observer/behavior.js b/dist/mixins/observer/behavior.js
index 1df073fa..c4830475 100644
--- a/dist/mixins/observer/behavior.js
+++ b/dist/mixins/observer/behavior.js
@@ -1,3 +1,10 @@
+function setAsync(context, data) {
+  return new Promise(function (resolve) {
+    context.setData(data, resolve);
+  });
+}
+
+;
 export var behavior = Behavior({
   created: function created() {
     var _this = this;
@@ -31,13 +38,25 @@ export var behavior = Behavior({
   methods: {
     // set data and set computed data
     set: function set(data, callback) {
+      var _this2 = this;
+
+      var stack = [];
+
       if (data) {
-        this.setData(data, callback);
+        stack.push(setAsync(this, data));
       }
 
       if (this.calcComputed) {
-        this.setData(this.calcComputed());
+        stack.push(setAsync(this, this.calcComputed()));
       }
+
+      return Promise.all(stack).then(function (res) {
+        if (callback && typeof callback === 'function') {
+          callback.call(_this2);
+        }
+
+        return res;
+      });
     }
   }
 });
\ No newline at end of file
diff --git a/dist/picker-column/index.js b/dist/picker-column/index.js
index c84bfafb..87a3e122 100644
--- a/dist/picker-column/index.js
+++ b/dist/picker-column/index.js
@@ -106,17 +106,23 @@ VantComponent({
       return isObj(option) && data.valueKey in option ? option[data.valueKey] : option;
     },
     setIndex: function setIndex(index, userAction) {
+      var _this2 = this;
+
       var data = this.data;
       index = this.adjustIndex(index) || 0;
-      this.set({
-        offset: -index * data.itemHeight
-      });
+      var offset = -index * data.itemHeight;
 
       if (index !== data.currentIndex) {
-        this.set({
+        return this.set({
+          offset: offset,
           currentIndex: index
+        }).then(function () {
+          userAction && _this2.$emit('change', index);
+        });
+      } else {
+        return this.set({
+          offset: offset
         });
-        userAction && this.$emit('change', index);
       }
     },
     setValue: function setValue(value) {
@@ -127,6 +133,8 @@ VantComponent({
           return this.setIndex(i);
         }
       }
+
+      return Promise.resolve();
     },
     getValue: function getValue() {
       var data = this.data;
diff --git a/dist/picker/index.js b/dist/picker/index.js
index c38202a7..94b4e755 100644
--- a/dist/picker/index.js
+++ b/dist/picker/index.js
@@ -33,10 +33,10 @@ VantComponent({
         }
 
         this.simple = isSimple(columns);
-        var children = this.children = this.selectAllComponents('.van-picker__column');
+        this.children = this.selectAllComponents('.van-picker__column');
 
-        if (Array.isArray(children) && children.length) {
-          this.setColumns();
+        if (Array.isArray(this.children) && this.children.length) {
+          this.setColumns().catch(function () {});
         }
       }
     }
@@ -53,9 +53,10 @@ VantComponent({
       var columns = this.simple ? [{
         values: data.columns
       }] : data.columns;
-      columns.forEach(function (columns, index) {
-        _this.setColumnValues(index, columns.values);
+      var stack = columns.map(function (column, index) {
+        return _this.setColumnValues(index, column.values);
       });
+      return Promise.all(stack);
     },
     emit: function emit(event) {
       var type = event.currentTarget.dataset.type;
@@ -99,7 +100,12 @@ VantComponent({
     // set column value by index
     setColumnValue: function setColumnValue(index, value) {
       var column = this.getColumn(index);
-      column && column.setValue(value);
+
+      if (column) {
+        return column.setValue(value);
+      }
+
+      return Promise.reject('setColumnValue: 对应列不存在');
     },
     // get column option index by column index
     getColumnIndex: function getColumnIndex(columnIndex) {
@@ -108,7 +114,12 @@ VantComponent({
     // set column option index by column index
     setColumnIndex: function setColumnIndex(columnIndex, optionIndex) {
       var column = this.getColumn(columnIndex);
-      column && column.setIndex(optionIndex);
+
+      if (column) {
+        return column.setIndex(optionIndex);
+      }
+
+      return Promise.reject('setColumnIndex: 对应列不存在');
     },
     // get options of column by index
     getColumnValues: function getColumnValues(index) {
@@ -123,14 +134,16 @@ VantComponent({
       var column = this.children[index];
 
       if (column && JSON.stringify(column.data.options) !== JSON.stringify(options)) {
-        column.set({
+        return column.set({
           options: options
-        }, function () {
+        }).then(function () {
           if (needReset) {
             column.setIndex(0);
           }
         });
       }
+
+      return Promise.reject('setColumnValues: 对应列不存在');
     },
     // get values of all columns
     getValues: function getValues() {
@@ -142,9 +155,10 @@ VantComponent({
     setValues: function setValues(values) {
       var _this2 = this;
 
-      values.forEach(function (value, index) {
-        _this2.setColumnValue(index, value);
+      var stack = values.map(function (value, index) {
+        return _this2.setColumnValue(index, value);
       });
+      return Promise.all(stack);
     },
     // get indexes of all columns
     getIndexes: function getIndexes() {
@@ -156,9 +170,10 @@ VantComponent({
     setIndexes: function setIndexes(indexes) {
       var _this3 = this;
 
-      indexes.forEach(function (optionIndex, columnIndex) {
-        _this3.setColumnIndex(columnIndex, optionIndex);
+      var stack = indexes.map(function (optionIndex, columnIndex) {
+        return _this3.setColumnIndex(columnIndex, optionIndex);
       });
+      return Promise.all(stack);
     }
   }
 });
\ No newline at end of file
diff --git a/dist/radio/index.wxss b/dist/radio/index.wxss
index b410d1e8..73038ed3 100644
--- a/dist/radio/index.wxss
+++ b/dist/radio/index.wxss
@@ -1 +1 @@
-@import '../common/index.wxss';.van-radio{overflow:hidden;line-height:1;-webkit-user-select:none;user-select:none}.van-radio__input,.van-radio__label{display:inline-block;vertical-align:middle}.van-radio__input{position:relative;font-size:20px}.van-radio__control{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0}.van-radio__label{margin-left:10px;color:#333;font-size:16px;line-height:20px}.van-radio__label--left{margin:0 10px 0 0;float:left}.van-radio__label:empty{margin:0}.van-radio__icon{pointer-events:none;display:block;line-height:0}.van-radio__icon--disabled{color:#e5e5e5}.van-radio__icon--checked{color:#1989fa}.van-radio__icon--check{color:#999}
\ No newline at end of file
+@import '../common/index.wxss';.van-radio{overflow:hidden;line-height:1;-webkit-user-select:none;user-select:none}.van-radio__input,.van-radio__label{display:inline-block;vertical-align:middle}.van-radio__input{position:relative;font-size:20px}.van-radio__control{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0}.van-radio__label{margin-left:10px;color:#333;font-size:16px;line-height:20px}.van-radio__label--left{margin:0 10px 0 0;float:left}.van-radio__label:empty{margin:0}.van-radio__icon{pointer-events:none;display:block;line-height:0}.van-radio__icon--disabled{color:#e5e5e5}.van-radio__icon--checked{color:#1989fa}.van-radio__icon--check{color:#c9c9c9}
\ No newline at end of file
diff --git a/dist/slider/index.js b/dist/slider/index.js
index 3509d4c0..b779e8b0 100644
--- a/dist/slider/index.js
+++ b/dist/slider/index.js
@@ -50,7 +50,7 @@ VantComponent({
       this.getRect('.van-slider').then(function (rect) {
         var diff = _this.deltaX / rect.width * 100;
 
-        _this.updateValue(_this.startValue + diff);
+        _this.updateValue(_this.startValue + diff, false, true);
       });
     },
     onTouchEnd: function onTouchEnd() {
@@ -67,15 +67,18 @@ VantComponent({
         _this2.updateValue(value, true);
       });
     },
-    updateValue: function updateValue(value, end) {
+    updateValue: function updateValue(value, end, drag) {
       value = this.format(value);
       this.set({
         value: value,
         barStyle: "width: " + value + "%; height: " + this.data.barHeight + ";"
       });
-      this.$emit('drag', {
-        value: value
-      });
+
+      if (drag) {
+        this.$emit('drag', {
+          value: value
+        });
+      }
 
       if (end) {
         this.$emit('change', value);
diff --git a/dist/steps/index.wxss b/dist/steps/index.wxss
index bf8a9a0d..cc89e91a 100644
--- a/dist/steps/index.wxss
+++ b/dist/steps/index.wxss
@@ -1 +1 @@
-@import '../common/index.wxss';.van-steps{overflow:hidden;background-color:#fff}.van-steps--horizontal{padding:10px}.van-steps--horizontal .van-step__wrapper{position:relative;display:-webkit-flex;display:flex;overflow:hidden}.van-steps--vertical{padding-left:10px}.van-steps--vertical .van-step__wrapper{padding:0 0 0 20px}.van-step{position:relative;-webkit-flex:1;flex:1;font-size:14px;color:#999}.van-step--finish{color:#333}.van-step__circle{width:5px;height:5px;border-radius:50%;background-color:#999}.van-step--horizontal{padding-bottom:14px}.van-step--horizontal:first-child .van-step__title{-webkit-transform:none;transform:none}.van-step--horizontal:first-child .van-step__circle-container{padding:0 8px 0 0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal:last-child{position:absolute;right:0;width:auto}.van-step--horizontal:last-child .van-step__title{-webkit-transform:none;transform:none;text-align:right}.van-step--horizontal:last-child .van-step__circle-container{right:0;padding:0 0 0 8px;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal .van-step__circle-container{position:absolute;bottom:6px;z-index:1;padding:0 8px;background-color:#fff;-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.van-step--horizontal .van-step__title{display:inline-block;font-size:12px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.van-step--horizontal .van-step__line{position:absolute;left:0;right:0;bottom:6px;height:1px;background-color:#eee;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal.van-step--process{color:#333}.van-step--horizontal.van-step--process .van-step__active{display:block;font-size:12px;color:#4b0;line-height:1}.van-step--vertical{font-size:14px;line-height:18px;padding:10px 10px 10px 0}.van-step--vertical::after{border-bottom-width:1px}.van-step--vertical:last-child::after{border-bottom-width:none}.van-step--vertical:first-child::before{content:'';position:absolute;width:1px;height:20px;background-color:#fff;top:0;left:-15px;z-index:1}.van-step--vertical .van-step__active,.van-step--vertical .van-step__circle,.van-step--vertical .van-step__line{position:absolute;top:19px;left:-14px;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-step--vertical .van-step__active{font-size:12px;line-height:1}.van-step--vertical .van-step__line{z-index:1;width:1px;height:100%;background-color:#eee;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
\ No newline at end of file
+@import '../common/index.wxss';.van-steps{overflow:hidden;background-color:#fff}.van-steps--horizontal{padding:10px}.van-steps--horizontal .van-step__wrapper{position:relative;display:-webkit-flex;display:flex;overflow:hidden}.van-steps--vertical{padding-left:10px}.van-steps--vertical .van-step__wrapper{padding:0 0 0 20px}.van-step{position:relative;-webkit-flex:1;flex:1;font-size:14px;color:#999}.van-step--finish{color:#333}.van-step__circle{width:5px;height:5px;border-radius:50%;background-color:#999}.van-step--horizontal{padding-bottom:14px}.van-step--horizontal:first-child .van-step__title{-webkit-transform:none;transform:none}.van-step--horizontal:first-child .van-step__circle-container{padding:0 8px 0 0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal:last-child{position:absolute;right:0;width:auto}.van-step--horizontal:last-child .van-step__title{-webkit-transform:none;transform:none;text-align:right}.van-step--horizontal:last-child .van-step__circle-container{right:0;padding:0 0 0 8px;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal .van-step__circle-container{position:absolute;bottom:6px;z-index:1;padding:0 8px;background-color:#fff;-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.van-step--horizontal .van-step__title{display:inline-block;font-size:12px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.van-step--horizontal .van-step__line{position:absolute;left:0;right:0;bottom:6px;height:1px;background-color:#eee;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal.van-step--process{color:#333}.van-step--horizontal.van-step--process .van-step__active{display:block;font-size:12px;color:#07c160;line-height:1}.van-step--vertical{font-size:14px;line-height:18px;padding:10px 10px 10px 0}.van-step--vertical::after{border-bottom-width:1px}.van-step--vertical:last-child::after{border-bottom-width:none}.van-step--vertical:first-child::before{content:'';position:absolute;width:1px;height:20px;background-color:#fff;top:0;left:-15px;z-index:1}.van-step--vertical .van-step__active,.van-step--vertical .van-step__circle,.van-step--vertical .van-step__line{position:absolute;top:19px;left:-14px;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-step--vertical .van-step__active{font-size:12px;line-height:1}.van-step--vertical .van-step__line{z-index:1;width:1px;height:100%;background-color:#eee;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
\ No newline at end of file
diff --git a/dist/tab/index.js b/dist/tab/index.js
index 8757f75b..a6c4eeed 100644
--- a/dist/tab/index.js
+++ b/dist/tab/index.js
@@ -5,17 +5,17 @@ VantComponent({
     type: 'ancestor'
   },
   props: {
-    title: String,
-    disabled: Boolean,
     dot: Boolean,
     info: null,
+    title: String,
+    disabled: Boolean,
     titleStyle: String
   },
   data: {
+    width: null,
     inited: false,
     active: false,
-    animated: false,
-    width: null
+    animated: false
   },
   watch: {
     title: 'update',
diff --git a/dist/tabs/index.js b/dist/tabs/index.js
index 3827ceda..021ad386 100644
--- a/dist/tabs/index.js
+++ b/dist/tabs/index.js
@@ -19,10 +19,17 @@ VantComponent({
   },
   props: {
     color: String,
+    sticky: Boolean,
+    animated: Boolean,
+    swipeable: Boolean,
     lineWidth: {
       type: Number,
       value: -1
     },
+    lineHeight: {
+      type: Number,
+      value: -1
+    },
     active: {
       type: Number,
       value: 0
@@ -47,16 +54,9 @@ VantComponent({
       type: Number,
       value: 4
     },
-    animated: Boolean,
-    sticky: Boolean,
     offsetTop: {
       type: Number,
       value: 0
-    },
-    swipeable: Boolean,
-    scrollTop: {
-      type: Number,
-      value: 0
     }
   },
   data: {
@@ -76,9 +76,9 @@ VantComponent({
     },
     color: 'setLine',
     lineWidth: 'setLine',
+    lineHeight: 'setLine',
     active: 'setActiveTab',
     animated: 'setTrack',
-    scrollTop: 'onScroll',
     offsetTop: 'setWrapStyle'
   },
   beforeCreate: function beforeCreate() {
@@ -88,6 +88,11 @@ VantComponent({
     this.setLine();
     this.setTrack();
     this.scrollIntoView();
+    this.observerTabScroll();
+    this.observerContentScroll();
+  },
+  destroyed: function destroyed() {
+    wx.createIntersectionObserver(this).disconnect();
   },
   methods: {
     updateTabs: function updateTabs(tabs) {
@@ -134,17 +139,19 @@ VantComponent({
           color = _this$data.color,
           active = _this$data.active,
           duration = _this$data.duration,
-          lineWidth = _this$data.lineWidth;
+          lineWidth = _this$data.lineWidth,
+          lineHeight = _this$data.lineHeight;
       this.getRect('.van-tab', true).then(function (rects) {
         var rect = rects[active];
         var width = lineWidth !== -1 ? lineWidth : rect.width / 2;
+        var height = lineHeight !== -1 ? "height: " + lineHeight + "px;" : '';
         var left = rects.slice(0, active).reduce(function (prev, curr) {
           return prev + curr.width;
         }, 0);
         left += (rect.width - width) / 2;
 
         _this.set({
-          lineStyle: "\n            width: " + width + "px;\n            background-color: " + color + ";\n            -webkit-transform: translateX(" + left + "px);\n            -webkit-transition-duration: " + duration + "s;\n            transform: translateX(" + left + "px);\n            transition-duration: " + duration + "s;\n          "
+          lineStyle: "\n            " + height + "\n            width: " + width + "px;\n            background-color: " + color + ";\n            -webkit-transform: translateX(" + left + "px);\n            -webkit-transition-duration: " + duration + "s;\n            transform: translateX(" + left + "px);\n            transition-duration: " + duration + "s;\n          "
         });
       });
     },
@@ -274,40 +281,57 @@ VantComponent({
         wrapStyle: wrapStyle
       });
     },
-    // adjust tab position
-    onScroll: function onScroll(scrollTop) {
+    observerTabScroll: function observerTabScroll() {
       var _this5 = this;
 
       if (!this.data.sticky) return;
       var offsetTop = this.data.offsetTop;
-      this.getRect('.van-tabs').then(function (rect) {
-        var top = rect.top,
-            height = rect.height;
+      wx.createIntersectionObserver(this, {
+        thresholds: [1]
+      }).relativeToViewport().observe('.van-tabs', function (result) {
+        var top = result.boundingClientRect.top;
+        var position = '';
 
-        _this5.getRect('.van-tabs__wrap').then(function (rect) {
-          var wrapHeight = rect.height;
-          var position = '';
+        if (offsetTop > top) {
+          position = 'top';
+        }
 
-          if (offsetTop > top + height - wrapHeight) {
-            position = 'bottom';
-          } else if (offsetTop > top) {
-            position = 'top';
-          }
-
-          _this5.$emit('scroll', {
-            scrollTop: scrollTop + offsetTop,
-            isFixed: position === 'top'
-          });
-
-          if (position !== _this5.data.position) {
-            _this5.set({
-              position: position
-            }, function () {
-              _this5.setWrapStyle();
-            });
-          }
+        _this5.$emit('scroll', {
+          scrollTop: top + offsetTop,
+          isFixed: position === 'top'
         });
+
+        _this5.setPosition(position);
       });
+    },
+    observerContentScroll: function observerContentScroll() {
+      var _this6 = this;
+
+      if (!this.data.sticky) return;
+      var offsetTop = this.data.offsetTop;
+      wx.createIntersectionObserver(this).relativeToViewport().observe('.van-tabs__content', function (result) {
+        var top = result.boundingClientRect.top;
+        var position = '';
+
+        if (result.intersectionRatio <= 0) {
+          position = 'bottom';
+        } else if (offsetTop > top) {
+          position = 'top';
+        }
+
+        _this6.setPosition(position);
+      });
+    },
+    setPosition: function setPosition(position) {
+      var _this7 = this;
+
+      if (position !== this.data.position) {
+        this.set({
+          position: position
+        }, function () {
+          _this7.setWrapStyle();
+        });
+      }
     }
   }
 });
\ No newline at end of file
diff --git a/dist/tabs/index.wxss b/dist/tabs/index.wxss
index 3c723c14..fa24ae94 100644
--- a/dist/tabs/index.wxss
+++ b/dist/tabs/index.wxss
@@ -1 +1 @@
-@import '../common/index.wxss';.van-tabs{position:relative;-webkit-tap-highlight-color:transparent}.van-tabs__wrap{position:absolute;top:0;right:0;left:0}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{-webkit-flex:0 0 22%;flex:0 0 22%}.van-tabs__scroll--card{border:1px solid #f44;border-radius:2px}.van-tabs__nav{position:relative;display:-webkit-flex;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}.van-tabs__nav--line{height:100%}.van-tabs__nav--card{height:30px}.van-tabs__nav--card .van-tab{line-height:30px;color:#f44;border-right:1px solid #f44}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;background-color:#f44}.van-tabs__line{position:absolute;bottom:0;left:0;z-index:1;height:2px;background-color:#f44;border-radius:2px}.van-tabs--line{padding-top:44px}.van-tabs--line .van-tabs__wrap{height:44px}.van-tabs--card{padding-top:30px;margin:0 15px}.van-tabs--card .van-tabs__wrap{height:30px}.van-tabs__content{overflow:hidden}.van-tabs__track{position:relative}.van-tab{position:relative;min-width:0;padding:0 5px;font-size:14px;line-height:44px;color:#7d7e80;text-align:center;cursor:pointer;background-color:#fff;box-sizing:border-box;-webkit-flex:1;flex:1}.van-tab--active{font-weight:500;color:#333}.van-tab--disabled{color:#c9c9c9}.van-tab__title--dot::after{display:inline-block;width:8px;height:8px;vertical-align:middle;background-color:#f44;border-radius:100%;content:''}.van-tab__title__info{position:relative!important;top:-1px!important;display:inline-block;-webkit-transform:translateX(0)!important;transform:translateX(0)!important}
\ No newline at end of file
+@import '../common/index.wxss';.van-tabs{position:relative;-webkit-tap-highlight-color:transparent}.van-tabs__wrap{position:absolute;top:0;right:0;left:0}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{-webkit-flex:0 0 22%;flex:0 0 22%}.van-tabs__scroll--card{border:1px solid #f44;border-radius:2px}.van-tabs__nav{position:relative;display:-webkit-flex;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}.van-tabs__nav--line{height:100%}.van-tabs__nav--card{height:30px}.van-tabs__nav--card .van-tab{line-height:30px;color:#f44;border-right:1px solid #f44}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;background-color:#f44}.van-tabs__line{position:absolute;bottom:0;left:0;z-index:1;height:3px;background-color:#f44;border-radius:3px}.van-tabs--line{padding-top:44px}.van-tabs--line .van-tabs__wrap{height:44px}.van-tabs--card{padding-top:30px;margin:0 15px}.van-tabs--card .van-tabs__wrap{height:30px}.van-tabs__content{overflow:hidden}.van-tabs__track{position:relative}.van-tab{position:relative;min-width:0;padding:0 5px;font-size:14px;line-height:44px;color:#7d7e80;text-align:center;cursor:pointer;background-color:#fff;box-sizing:border-box;-webkit-flex:1;flex:1}.van-tab--active{font-weight:500;color:#333}.van-tab--disabled{color:#c9c9c9}.van-tab__title--dot::after{display:inline-block;width:8px;height:8px;vertical-align:middle;background-color:#f44;border-radius:100%;content:''}.van-tab__title__info{position:relative!important;top:-1px!important;display:inline-block;-webkit-transform:translateX(0)!important;transform:translateX(0)!important}
\ No newline at end of file