From afed270c14eedfeba3f2c88e6ef743e2dd80241a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 21 Mar 2020 16:31:10 +0800
Subject: [PATCH] fix(PullRefresh): track should be full of container (#5878)

---
 src/pull-refresh/demo/index.vue | 5 +----
 src/pull-refresh/index.js       | 4 ++--
 src/pull-refresh/index.less     | 1 +
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/pull-refresh/demo/index.vue b/src/pull-refresh/demo/index.vue
index e4d7fc031..27dccc5b1 100644
--- a/src/pull-refresh/demo/index.vue
+++ b/src/pull-refresh/demo/index.vue
@@ -114,10 +114,7 @@ export default {
   background-color: @white;
 
   .van-pull-refresh {
-    &,
-    &__track {
-      height: calc(100vh - 50px);
-    }
+    height: calc(100vh - 50px);
   }
 
   .doge {
diff --git a/src/pull-refresh/index.js b/src/pull-refresh/index.js
index cdb9ce606..776017e71 100644
--- a/src/pull-refresh/index.js
+++ b/src/pull-refresh/index.js
@@ -198,14 +198,14 @@ export default createComponent({
   },
 
   render() {
-    const style = {
+    const trackStyle = {
       transitionDuration: `${this.duration}ms`,
       transform: this.distance ? `translate3d(0,${this.distance}px, 0)` : '',
     };
 
     return (
       <div class={bem()}>
-        <div ref="track" class={bem('track')} style={style}>
+        <div ref="track" class={bem('track')} style={trackStyle}>
           <div class={bem('head')} style={this.headStyle}>
             {this.genStatus()}
           </div>
diff --git a/src/pull-refresh/index.less b/src/pull-refresh/index.less
index 39a834842..b09e1f66a 100644
--- a/src/pull-refresh/index.less
+++ b/src/pull-refresh/index.less
@@ -6,6 +6,7 @@
 
   &__track {
     position: relative;
+    height: 100%;
     transition-property: transform;
   }