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

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

.bk-zoom-image .bk-real-image{
        width:100%;
        height:100%;
        cursor:pointer;
        vertical-align:bottom;
    }
    .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%);
        }