tntd/lib/page-loading/index.less

tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

.tnt-page-loading-container {
    position: relative;
    &.tnt-current-v2 {
        height: calc(-50px + 100vh) !important;
    }   
    &.tnt-current-v3 {
        height: calc(-60px + 100vh) !important;
    }
    .tnt-page-loading-bg {
        position: absolute;
        top: 45%;
        left: 50%;
        width: 51px;
        height: 64px;
        background-size: 100% 100%;
        transform: translate(-50%, -50%);
        background-repeat: no-repeat;
        background-image: url("./loading.gif");
        z-index: 99999999999;
        text-align: center;
        span {
            position: absolute;
            left: 50%;
            bottom: -17px;
            transform: translate(-50%, 0);
            width: 100%;
            font-size: 12px;
            color: #17233D;
            white-space: nowrap;
        }
    }
}
.tnt-themeS2,.tnt-themeS3 {
    .tnt-current-v3.tnt-page-loading-container {
        span {
            color: #fff;
        }
    }
}