meri-design/dist/theme/IndexLoading.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.p-index-loading{background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9000}.p-index-loading .p-index-loading-box{align-items:center;display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-100px,-60px);width:200px;z-index:9000}.p-index-loading .p-index-loading-box .p-index-loading-list{background-color:#246fe5;border-radius:4px;height:100%;width:6px}.p-index-loading .p-index-loading-box .p-index-loading-list+.p-index-loading-list{margin-left:4px}.p-index-loading .p-index-loading-box .p-index-loading-list:first-of-type{animation:indexLoading .8s ease-in-out .2s infinite alternate}.p-index-loading .p-index-loading-box .p-index-loading-list:nth-of-type(2){animation:indexLoading .8s ease-in-out .4s infinite alternate}.p-index-loading .p-index-loading-box .p-index-loading-list:nth-of-type(3){animation:indexLoading .8s ease-in-out .6s infinite alternate}.p-index-loading .p-index-loading-box .p-index-loading-list:nth-of-type(4){animation:indexLoading .8s ease-in-out .8s infinite alternate}.p-index-loading .p-index-loading-box .p-index-loading-list:nth-of-type(5){animation:indexLoading .8s ease-in-out 1s infinite alternate}.p-index-loading .p-index-loading-box .p-index-loading-list:nth-of-type(6){animation:indexLoading .8s ease-in-out 1.2s infinite alternate}@-moz-keyframes indexLoading{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@-webkit-keyframes indexLoading{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@-o-keyframes indexLoading{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@keyframes indexLoading{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}