diff --git a/pages/template/custom-refresher/custom-refresher.uvue b/pages/template/custom-refresher/custom-refresher.uvue
index a391998586a1de6a6273f1eec594cf720a8eb638..3334047912d4e469eb133fd615605d94f817aa39 100644
--- a/pages/template/custom-refresher/custom-refresher.uvue
+++ b/pages/template/custom-refresher/custom-refresher.uvue
@@ -1,17 +1,17 @@
 <template>
-  <view style="flex: 1;">
-    <scroll-view class="scroll-view"
-        :refresher-enabled="true" :refresher-triggered="refresherTriggered" refresher-default-style="none"
-        @refresherpulling="onRefresherpulling"
-        @refresherrefresh="onRefresherrefresh"
-        :refresher-threshold="refresherThreshold"
-    >
+  <scroll-view class="scroll-view"
+      :refresher-enabled="true" :refresher-triggered="refresherTriggered" refresher-default-style="none"
+      @refresherpulling="onRefresherpulling"
+      @refresherrefresh="onRefresherrefresh"
+      :refresher-threshold="refresherThreshold"
+  >
+    <view class="content">
       <view v-for="i in 20" class="content-item">
         <text class="text">item-{{i}}</text>
       </view>
-      <refresh-box slot="refresher" :state="state" :pullingDistance="pullingDistance"></refresh-box>
-    </scroll-view>
-  </view>
+    </view>
+    <refresh-box slot="refresher" :state="state" :pullingDistance="pullingDistance"></refresh-box>
+  </scroll-view>
 </template>
 
 <script>
@@ -68,10 +68,13 @@
 <style>
   .scroll-view {
     flex: 1;
-		padding: 5px 15px;
 		background-color: #f5f5f5;
   }
 
+  .content {
+		padding: 5px 15px;
+  }
+
 	.content-item {
 		padding: 15px;
 		margin: 5px 0;