@prettyy/ui/dist/css/loading.css

vue2 UI

.vl-loading{width:100%;height:100%;position:absolute;top:0;z-index:2028;background-color:rgba(255,255,255,.7607843137)}.vl-loading-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.vl-loading-box-warp{width:80px;height:80px}.vl-loading-box-warp-item{width:33.333333%;height:33.333333%;background:#9155fd;float:left;animation:val-loading-animation 1.2s infinite ease;border-radius:1px}.vl-loading-box-warp-item:nth-child(7){animation-delay:0s}.vl-loading-box-warp-item:nth-child(4),.vl-loading-box-warp-item:nth-child(8){animation-delay:.2s}.vl-loading-box-warp-item:nth-child(1),.vl-loading-box-warp-item:nth-child(5),.vl-loading-box-warp-item:nth-child(9){animation-delay:.4s}.vl-loading-box-warp-item:nth-child(2),.vl-loading-box-warp-item:nth-child(6){animation-delay:.6s}.vl-loading-box-warp-item:nth-child(3){animation-delay:.8s}.vl-loading-box-text{font-size:14px;color:#9155fd;margin-top:20px;text-align:center}.vl-loading-parent--relative{position:relative!important}.vl-loading-parent--hidden{overflow:hidden!important}.is-fullscreen{position:fixed}@keyframes val-loading-animation{0%,100%,70%{transform:scale3d(1,1,1)}35%{transform:scale3d(0,0,1)}}