优化自定义下拉刷新页面组件层级

pages/template/custom-refresher/custom-refresher.uvue

@@ -5,11 +5,9 @@
       @refresherrefresh="onRefresherrefresh"
       :refresher-threshold="refresherThreshold"
   >
-    <view class="content">
     <view v-for="i in 20" class="content-item">
       <text class="text">item-{{i}}</text>
     </view>
-    </view>
     <refresh-box slot="refresher" :state="state" :pullingDistance="pullingDistance"></refresh-box>
   </scroll-view>
 </template>
@@ -66,26 +64,23 @@
 </script>
 
 <style>
-  .scroll-view {
+.scroll-view {
   flex: 1;
-		background-color: #f5f5f5;
-  }
-
-  .content {
   padding: 5px 15px;
-  }
+  background-color: #f5f5f5;
+}
 
-	.content-item {
+.content-item {
   padding: 15px;
   margin: 5px 0;
   background-color: #fff;
   border-radius: 5px;
-	}
+}
 
-	.text {
+.text {
   font-size: 14px;
   color: #666;
   line-height: 20px;
-	}
+}
 
 </style>