@reasy-team/reasy-ui/dist/lib/loading/style.css

Tenda基于Vue2.x的PC组件库。[在线示例](https://reasyteam.github.io/Reasy-UI/)

.v-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}.v-loading__mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.3);z-index:-1}.v-loading__wrapper{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.v-loading__dots{position:relative;display:inline-block;font-size:18px;width:1em;height:1em;-webkit-animation:dotRotate 1.2s linear infinite;animation:dotRotate 1.2s linear infinite;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.v-loading__dots.v-loading__dots--S{font-size:12px}.v-loading__dots.v-loading__dots--S .v-loading__dot__item{width:4px;height:4px}.v-loading__dots.v-loading__dots--L{font-size:24px}.v-loading__dots.v-loading__dots--L .v-loading__dot__item{width:8px;height:8px}.v-loading__dot__item{position:absolute;display:block;width:6px;height:6px;background-color:#ff801f;border-radius:100%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0.1;-webkit-animation:dotMove 1s linear infinite alternate;animation:dotMove 1s linear infinite alternate}.v-loading__dot__item:first-child{top:0;left:0}.v-loading__dot__item:nth-child(2){top:0;right:0;-webkit-animation-delay:0.4s;animation-delay:0.4s}.v-loading__dot__item:nth-child(3){right:0;bottom:0;-webkit-animation-delay:0.8s;animation-delay:0.8s}.v-loading__dot__item:nth-child(4){left:0;bottom:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}.v-loading__text{font-size:12px;padding:6px 0}@-webkit-keyframes dotRotate{100%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes dotRotate{100%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes dotMove{100%{opacity:1}}@keyframes dotMove{100%{opacity:1}}