perf: 优化自定义下拉刷新示例样式

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

@@ -6,8 +6,8 @@
         @refresherrefresh="onRefresherrefresh"
         :refresher-threshold="refresherThreshold"
     >
-      <view v-for="i in 7" class="item">
-        item-{{i}}
+      <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>
@@ -62,9 +62,21 @@
 <style>
   .scroll-view {
     flex: 1;
+		padding: 5px 15px;
+		background-color: #f5f5f5;
   }
-  .item {
-    height: 80px;
-    justify-content: center;
+	
+	.content-item {
+		padding: 15px;
+		margin: 5px 0;
+		background-color: #fff;
+		border-radius: 5px;
+	}
+	
+	.text {
+		font-size: 14px;
+		color: #666;
+		line-height: 20px;
 	}
+
 </style>
\ No newline at end of file