bk-vue-cec/lib/ui/loading.min.css.map

一个为运维业务场景而生，好看易用的Vue2原创组件库，由T-inside Design进行托管社区化运作

{"version":3,"sources":["loading.css"],"names":[],"mappings":"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","file":"loading.min.css","sourcesContent":["@import './variable.css';\r\n\r\n@define-mixin create-rotate $time, $deg {\r\n    animation-delay: $time;\r\n    transform: rotate($deg);\r\n}\r\n\r\n.bk-loading {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    margin: auto;\r\n    background-color: rgba(255, 255, 255, 0.9);\r\n    z-index: $loadingZIndex;\r\n    .bk-loading-wrapper {\r\n        text-align: center;\r\n        line-height: 1;\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%);\r\n        -webkit-transform: translate(-50%, -50%);\r\n    }\r\n    &-title {\r\n        text-align: center;\r\n        font-size: 14px;\r\n        color: $fnMainColor;\r\n        line-height: initial;\r\n        margin-top: 5px;\r\n    }\r\n    .bk-loading1 {\r\n        position: relative;\r\n        width: 75px;\r\n        height: 14px;\r\n        margin: auto;\r\n        display: inline-block;\r\n        .point {\r\n            position: absolute;\r\n            top: 0;\r\n            width: 14px;\r\n            height: 14px;\r\n            animation-name: scale-animate;\r\n            animation-duration: .8s;\r\n            animation-iteration-count: infinite;\r\n            animation-direction: normal;\r\n            transform: scale(.6);\r\n            border-radius: 19px;\r\n        }\r\n\r\n        .point1 {\r\n            background-color: #fd6154;\r\n            left: 0;\r\n            animation-delay: 0.1s;\r\n        }\r\n\r\n        .point2 {\r\n            background-color: #ffb726;\r\n            left: 20px;\r\n            animation-delay: 0.25s;\r\n        }\r\n\r\n        .point3 {\r\n            background-color: #4cd084;\r\n            left: 40px;\r\n            animation-delay: 0.4s;\r\n        }\r\n\r\n        .point4 {\r\n            background-color: #57a3f1;\r\n            left: 60px;\r\n            animation-delay: 0.55s;\r\n        }\r\n\r\n        &.bk-black {\r\n            .point1,\r\n            .point2,\r\n            .point3,\r\n            .point4{\r\n                background: #979ba5;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n/* 加载动画一，点状 */\r\n.bk-dot-loading,\r\n.bk-loading1 {\r\n    position: relative;\r\n    width: 75px;\r\n    height: 14px;\r\n    margin: auto;\r\n    display: inline-block;\r\n    .point {\r\n        position: absolute;\r\n        top: 0;\r\n        width: 14px;\r\n        height: 14px;\r\n        animation-name: scale-animate;\r\n        animation-duration: .8s;\r\n        animation-iteration-count: infinite;\r\n        animation-direction: normal;\r\n        transform: scale(.6);\r\n        border-radius: 19px;\r\n    }\r\n\r\n    .point1 {\r\n        background-color: #fd6154;\r\n        left: 0;\r\n        animation-delay: 0.1s;\r\n    }\r\n\r\n    .point2 {\r\n        background-color: #ffb726;\r\n        left: 20px;\r\n        animation-delay: 0.25s;\r\n    }\r\n\r\n    .point3 {\r\n        background-color: #4cd084;\r\n        left: 40px;\r\n        animation-delay: 0.4s;\r\n    }\r\n\r\n    .point4 {\r\n        background-color: #57a3f1;\r\n        left: 60px;\r\n        animation-delay: 0.55s;\r\n    }\r\n\r\n    &.bk-size-mini {\r\n        width: 30px;\r\n\r\n        .point {\r\n            width: 6px;\r\n            height: 6px;\r\n        }\r\n\r\n        .point1 {\r\n            left: 0;\r\n        }\r\n\r\n        .point2 {\r\n            left: 10px;\r\n        }\r\n\r\n        .point3 {\r\n            left: 20px;\r\n        }\r\n\r\n        .point4 {\r\n            left: 30px;\r\n        }\r\n    }\r\n\r\n    &.bk-size-small {\r\n        width: 45px;\r\n\r\n        .point {\r\n            width: 10px;\r\n            height: 10px;\r\n        }\r\n\r\n        .point1 {\r\n            left: 0;\r\n        }\r\n\r\n        .point2 {\r\n            left: 15px;\r\n        }\r\n\r\n        .point3 {\r\n            left: 30px;\r\n        }\r\n\r\n        .point4 {\r\n            left: 45px;\r\n        }\r\n    }\r\n\r\n    &.bk-black {\r\n        .point1,\r\n        .point2,\r\n        .point3,\r\n        .point4 {\r\n            background: #979ba5;\r\n        }\r\n    }\r\n\r\n    &.bk-primary {\r\n        .point1,\r\n        .point2,\r\n        .point3,\r\n        .point4 {\r\n            background: $primaryColor;\r\n        }\r\n    }\r\n\r\n    &.bk-danger {\r\n        .point1,\r\n        .point2,\r\n        .point3,\r\n        .point4 {\r\n            background: $dangerColor;\r\n        }\r\n    }\r\n\r\n    &.bk-warning {\r\n        .point1,\r\n        .point2,\r\n        .point3,\r\n        .point4 {\r\n            background: $warningColor;\r\n        }\r\n    }\r\n    &.bk-default {\r\n        .point1,\r\n        .point2,\r\n        .point3,\r\n        .point4 {\r\n            background: #979BA5;\r\n        }\r\n    }\r\n}\r\n\r\n.bk-spin-loading,\r\n.bk-loading2 {\r\n    width: 39px;\r\n    height: 39px;\r\n    position: relative;\r\n    margin: auto;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n}\r\n\r\n.bk-spin-loading .rotate,\r\n.bk-loading2 .rotate {\r\n    position: absolute;\r\n    top: 77%;\r\n    right: 43%;\r\n    background-color: none;\r\n    background-color: #39424e\\9\\0;\r\n    width: 6px;\r\n    height: 8px;\r\n    transform-origin: 50% -10px;\r\n    border-radius: 8px;\r\n    transform: scale(0.4);\r\n    animation-name: fade;\r\n    animation-duration: 1.2s;\r\n    animation-iteration-count: infinite;\r\n    animation-direction: normal;\r\n}\r\n\r\n.bk-spin-loading.bk-spin-loading-success .rotate,\r\n.bk-loading2.bk-spin-loading-success .rotate {\r\n    background: #30d878\\9\\0;\r\n    animation-name: fadeSuccess;\r\n}\r\n\r\n.bk-spin-loading.bk-spin-loading-danger .rotate,\r\n.bk-loading2.bk-spin-loading-danger .rotate {\r\n    background: #FF5656\\9\\0;\r\n    animation-name: fadeDanger;\r\n}\r\n\r\n.bk-spin-loading.bk-spin-loading-warning .rotate,\r\n.bk-loading2.bk-spin-loading-warning .rotate {\r\n    background: #ffb400\\9\\0;\r\n    animation-name: fadeWarning;\r\n}\r\n\r\n.bk-spin-loading.bk-spin-loading-primary .rotate,\r\n.bk-loading2.bk-spin-loading-primary .rotate {\r\n    background: #3c96ff\\9\\0;\r\n    animation-name: fadePrimary;\r\n}\r\n\r\n.bk-spin-loading.bk-spin-loading-white .rotate,\r\n.bk-loading2.bk-spin-loading-white .rotate {\r\n    background: #fff\\9\\0;\r\n    animation-name: fadeWhite;\r\n}\r\n\r\n.bk-spin-loading .rotate1,\r\n.bk-loading2 .rotate1 {\r\n    animation-delay: 0.45s;\r\n    transform: rotate(-90deg);\r\n}\r\n\r\n.bk-spin-loading .rotate2,\r\n.bk-loading2 .rotate2 {\r\n    animation-delay: 0.6s;\r\n    transform: rotate(-45deg);\r\n}\r\n\r\n.bk-spin-loading .rotate3,\r\n.bk-loading2 .rotate3 {\r\n    animation-delay: 0.75s;\r\n    transform: rotate(0deg);\r\n}\r\n\r\n.bk-spin-loading .rotate4,\r\n.bk-loading2 .rotate4 {\r\n    animation-delay: 0.9s;\r\n    transform: rotate(45deg);\r\n}\r\n\r\n.bk-spin-loading .rotate5,\r\n.bk-loading2 .rotate5 {\r\n    animation-delay: 1.05s;\r\n    transform: rotate(90deg);\r\n}\r\n\r\n.bk-spin-loading .rotate6,\r\n.bk-loading2 .rotate6 {\r\n    animation-delay: 1.2s;\r\n    transform: rotate(135deg);\r\n}\r\n\r\n.bk-spin-loading .rotate7,\r\n.bk-loading2 .rotate7 {\r\n    animation-delay: 1.35s;\r\n    transform: rotate(180deg);\r\n}\r\n\r\n.bk-spin-loading .rotate8,\r\n.bk-loading2 .rotate8 {\r\n    animation-delay: 1.5s;\r\n    transform: rotate(-135deg);\r\n}\r\n\r\n.bk-spin-loading.bk-spin-loading-large,\r\n.bk-loading2.bk-spin-loading-large {\r\n    width: 69px;\r\n    height: 69px;\r\n}\r\n\r\n.bk-spin-loading.bk-spin-loading-large .rotate,\r\n.bk-loading2.bk-spin-loading-large .rotate {\r\n    width: 10px;\r\n    height: 14px;\r\n    transform-origin: 50% -18px;\r\n}\r\n\r\n.bk-spin-loading.bk-spin-loading-small,\r\n.bk-loading2.bk-spin-loading-small {\r\n    width: 27px;\r\n    height: 27px;\r\n}\r\n\r\n.bk-spin-loading.bk-spin-loading-small .rotate,\r\n.bk-loading2.bk-spin-loading-small .rotate {\r\n    width: 4px;\r\n    height: 5px;\r\n    transform-origin: 50% -7px;\r\n}\r\n\r\n.bk-spin-loading.bk-spin-loading-mini,\r\n.bk-loading2.bk-spin-loading-mini {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n.bk-spin-loading.bk-spin-loading-mini .rotate,\r\n.bk-loading2.bk-spin-loading-mini .rotate {\r\n    width: 2px;\r\n    height: 3px;\r\n    transform-origin: 50% -4px;\r\n}\r\n\r\n@keyframes scale-animate {\r\n    0% {\r\n        transform: scale(1);\r\n    }\r\n\r\n    100% {\r\n        transform: scale(.6);\r\n    }\r\n}\r\n\r\n@-webkit-keyframes scale-animate {\r\n    0% {\r\n        -webkit-transform: scale(1);\r\n    }\r\n\r\n    100% {\r\n        -webkit-transform: scale(.6);\r\n    }\r\n}\r\n\r\n.bk-spin-loading,\r\n.bk-loading2 {\r\n    width: 39px;\r\n    height: 39px;\r\n    position: relative;\r\n    margin: auto;\r\n    display:inline-block;\r\n    vertical-align: middle;\r\n    .rotate {\r\n        position: absolute;\r\n        top: 77%;\r\n        right: 43%;\r\n        background-color: none;\r\n        background-color: #39424e\\9\\0;\r\n        width: 6px;\r\n        height: 8px;\r\n        transform-origin: 50% -10px;\r\n        border-radius: 8px;\r\n        transform: scale(0.4);\r\n        animation-name: fade;\r\n        animation-duration: 1.2s;\r\n        animation-iteration-count: infinite;\r\n        animation-direction: normal;\r\n    }\r\n    &.bk-spin-loading-success {\r\n        .rotate {\r\n            background: #30d878\\9\\0;\r\n            animation-name: fadeSuccess;\r\n        }\r\n    }\r\n    &.bk-spin-loading-danger {\r\n        .rotate {\r\n            background:  #FF5656\\9\\0;\r\n            animation-name: fadeDanger;\r\n        }\r\n    }\r\n    &.bk-spin-loading-warning {\r\n        .rotate {\r\n            background: #ffb400\\9\\0;\r\n            animation-name: fadeWarning;\r\n        }\r\n    }\r\n    &.bk-spin-loading-primary {\r\n        .rotate {\r\n            background: #3c96ff\\9\\0;\r\n            animation-name: fadePrimary;\r\n        }\r\n    }\r\n\r\n    &.bk-spin-loading-white {\r\n        .rotate {\r\n            background: #fff\\9\\0;\r\n            animation-name: fadeWhite;\r\n        }\r\n    }\r\n\r\n    .rotate1 {\r\n        @mixin create-rotate 0.45s, -90deg;\r\n    }\r\n    .rotate2 {\r\n        @mixin create-rotate 0.6s, -45deg;\r\n    }\r\n    .rotate3 {\r\n        @mixin create-rotate 0.75s, 0deg;\r\n    }\r\n    .rotate4 {\r\n        @mixin create-rotate 0.9s, 45deg;\r\n    }\r\n    .rotate5 {\r\n        @mixin create-rotate 1.05s, 90deg;\r\n    }\r\n    .rotate6 {\r\n        @mixin create-rotate 1.2s, 135deg;\r\n    }\r\n    .rotate7 {\r\n        @mixin create-rotate 1.35s, 180deg;\r\n    }\r\n    .rotate8 {\r\n        @mixin create-rotate 1.5s, -135deg;\r\n    }\r\n    &.bk-spin-loading-large {\r\n        width: 69px;\r\n        height: 69px;\r\n        .rotate {\r\n            width: 10px;\r\n            height: 14px;\r\n            transform-origin: 50% -18px;\r\n        }\r\n    }\r\n    &.bk-spin-loading-small {\r\n        width: 27px;\r\n        height: 27px;\r\n        .rotate {\r\n            width: 4px;\r\n            height: 5px;\r\n            transform-origin: 50% -7px;\r\n        }\r\n    }\r\n    &.bk-spin-loading-mini {\r\n        width: 16px;\r\n        height: 16px;\r\n        .rotate {\r\n            width: 2px;\r\n            height: 3px;\r\n            transform-origin: 50% -4px;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes fade {\r\n    0% {\r\n        background-color: #39424e;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n@-webkit-keyframes fade {\r\n    0% {\r\n        background-color: #39424e;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@keyframes fadeSuccess {\r\n    0% {\r\n        background-color: $successColor;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@-webkit-keyframes fadeSuccess {\r\n    0% {\r\n        background-color: $successColor;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@keyframes fadePrimary {\r\n    0% {\r\n        background-color: $primaryColor;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@-webkit-keyframes fadePrimary {\r\n    0% {\r\n        background-color: $primaryColor;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@keyframes fadeDanger {\r\n    0% {\r\n        background-color: $dangerColor;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@-webkit-keyframes fadeDanger {\r\n    0% {\r\n        background-color: $dangerColor;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@keyframes fadeWarning {\r\n    0% {\r\n        background-color: $warningColor;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@-webkit-keyframes fadeWarning {\r\n    0% {\r\n        background-color: $warningColor;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@keyframes fadeWhite {\r\n    0% {\r\n        background-color: rgb(255, 255, 255);\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@-webkit-keyframes fadeWhite {\r\n    0%{\r\n        background-color: rgb(255, 255, 255);\r\n    }\r\n\r\n    100%{\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n/* 加载动画容器，.bk-loading 保留，为了兼容 */\r\n.bk-loading-box,\r\n.bk-loading {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    margin: auto;\r\n    background-color: rgba(255, 255, 255, 0.9);\r\n    z-index: $loadingZIndex;\r\n    .bk-loading-wrapper {\r\n        text-align: center;\r\n        line-height: 1;\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n    &-title {\r\n        text-align: center;\r\n        font-size: 14px;\r\n        color: $fnMainColor;\r\n        line-height: initial;\r\n        margin-top: 5px;\r\n    }\r\n}\r\n\r\n@keyframes fade {\r\n    0% {\r\n        background-color: #39424e;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@keyframes fadeSuccess {\r\n    0% {\r\n        background-color: #30d878;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@keyframes fadePrimary {\r\n    0% {\r\n        background-color: #3c96ff;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@keyframes fadeDanger {\r\n    0% {\r\n        background-color: #FF5656;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@keyframes fadeWarning {\r\n    0% {\r\n        background-color: #ffb400;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@keyframes fadeWhite {\r\n    0% {\r\n        background-color: white;\r\n    }\r\n\r\n    100% {\r\n        background-color: none;\r\n    }\r\n}\r\n\r\n@keyframes animate {\r\n    0% {\r\n        transform: scale(.5)\r\n    }\r\n\r\n    100% {\r\n        transform: scale(.3)\r\n    }\r\n}\r\n\r\n.bk-default-loading {\r\n    display: inline-block;\r\n    .bk-loading-wrapper {\r\n        display: inline-flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        left: unset;\r\n        top: 0;\r\n        transform: unset;\r\n        -webkit-transform: unset;\r\n        background: inherit;\r\n        padding: 0 25%;\r\n\r\n        & :nth-child(1) {\r\n            margin: unset;\r\n          }\r\n    }\r\n}\r\n"]}