scroller

@@ -81,7 +81,7 @@ export default {
                 this.transition = true;
                 this.transition = true;
                 if (this.topStatus === 'drag') {
                 if (this.topStatus === 'drag') {
                     this.styleTop = {
                     this.styleTop = {
-                        marginTop: '0'
+                        marginTop: '10px'
                     };
                     };
                     if (!this.isLoading) {
                     if (!this.isLoading) {
                         this.isLoading = true;
                         this.isLoading = true;
@@ -106,18 +106,19 @@ export default {
     overflow-y: auto;
     overflow-y: auto;
 }
 }
 .scroller-top {
 .scroller-top {
-    width: 87px;
-    height: 66px;
+    width: 43PX;
+    height: 33PX;
     margin: 0 auto;
     margin: 0 auto;
-    margin-top: -66px;
+    margin-top: -43PX;
+    margin-bottom: 10PX;
     background-image: url(~statics/img/pull_sprite.png);
     background-image: url(~statics/img/pull_sprite.png);
-    background-position: -2320px 0;
+    background-position: -1160PX 0;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
-    background-size: 2494px 66px;
-    animation: loadingScroller 1s steps(29) .5s infinite;
+    background-size: 1247PX 33PX;
+    animation: loadingScroller 1.5s steps(29) .5s infinite;
 }
 }
 @keyframes loadingScroller {
 @keyframes loadingScroller {
     0% { background-position: 0 0; }
     0% { background-position: 0 0; }
-    100% { background-position: -2494px 0; }
+    100% { background-position: -1247PX 0; }
 }
 }
 </style>
 </style>