...
|
...
|
@@ -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> |
...
|
...
|
|