Authored by 陈峰

scroller

... ... @@ -81,7 +81,7 @@ export default {
this.transition = true;
if (this.topStatus === 'drag') {
this.styleTop = {
marginTop: '0'
marginTop: '10px'
};
if (!this.isLoading) {
this.isLoading = true;
... ... @@ -106,18 +106,19 @@ export default {
overflow-y: auto;
}
.scroller-top {
width: 87px;
height: 66px;
width: 43PX;
height: 33PX;
margin: 0 auto;
margin-top: -66px;
margin-top: -43PX;
margin-bottom: 10PX;
background-image: url(~statics/img/pull_sprite.png);
background-position: -2320px 0;
background-position: -1160PX 0;
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 {
0% { background-position: 0 0; }
100% { background-position: -2494px 0; }
100% { background-position: -1247PX 0; }
}
</style>
... ...