t-fighting-design/theme/loading.css

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

.f-loading{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;opacity:.7;color:#2d5af1}.f-loading__animation{animation:f-loading-component 1s linear infinite;-webkit-animation:f-loading-component 1s linear infinite}.f-loading__title{font-size:15px;margin-top:5px}@keyframes f-loading-component{0%{width:22px;transform:rotate(0)}to{width:22px;transform:rotate(360deg)}}