@cw-devops/bk-magic-vue/lib/ui/exception.css

基于蓝鲸 Magicbox 和 Vue 的前端组件库

.bk-exception{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    width:100%;
    position:relative;
}
    .bk-exception-img{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center;
    }
    .bk-exception-img .exception-image{
            -o-object-fit:contain;
               object-fit:contain;
            display:block;
            height:200px;
            vertical-align:middle;
        }
    .bk-exception-img.part-img .exception-image{
                height:100px;
            }
    .bk-exception-text{
        font-size:24px;
        color:#63656E;
        text-align:center
    }
    .bk-exception-text.part-text{
            font-size:14px;
        }