bk-vue-cec/lib/ui/zoom-image.css

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

.bk-zoom-image .bk-real-image{
        width:100%;
        height:100%;
        cursor:pointer;
    }
    .bk-zoom-image .bk-full-screen{
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        z-index:2;
        background:rgba(0, 0, 0, 0.6);
        cursor:pointer;
    }
    .bk-zoom-image .bk-full-screen .bk-full-image{
            cursor:-webkit-grab;
            cursor:grab;
            position:relative;
        }
    .bk-zoom-image .bk-full-screen .bk-zoom-init{
            max-width:50vw;
            max-height:50vh;
            height:auto!important;
            width:auto!important;
            top:50%!important;
            left:50%!important;
            -webkit-transform:translate(-50%, -50%);
                    transform:translate(-50%, -50%);
        }