[DEV] simplify spiner
This commit is contained in:
parent
9752354a51
commit
0ac8715c61
@ -1,6 +0,0 @@
|
|||||||
|
|
||||||
<div>
|
|
||||||
<svg class="spinner" viewBox="0 0 50 50">
|
|
||||||
<circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
@ -1,32 +0,0 @@
|
|||||||
|
|
||||||
.spinner {
|
|
||||||
animation: rotate 2s linear infinite;
|
|
||||||
z-index: 2;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
& .path {
|
|
||||||
stroke: rgb(31, 31, 31);
|
|
||||||
stroke-linecap: round;
|
|
||||||
animation: dash 1.5s ease-in-out infinite;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes rotate {
|
|
||||||
100% {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes dash {
|
|
||||||
0% {
|
|
||||||
stroke-dasharray: 1, 150;
|
|
||||||
stroke-dashoffset: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
stroke-dasharray: 90, 150;
|
|
||||||
stroke-dashoffset: -35;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
stroke-dasharray: 90, 150;
|
|
||||||
stroke-dashoffset: -124;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -8,8 +8,7 @@ import { Component} from '@angular/core';
|
|||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'spiner',
|
selector: 'spiner',
|
||||||
templateUrl: './spiner.html',
|
template: '<img height="50px" src="assets/images/load.svg"/>',
|
||||||
styleUrls: ['./spiner.less'],
|
|
||||||
})
|
})
|
||||||
export class SpinerComponent {
|
export class SpinerComponent {
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user