bk-vue-cec/lib/ui/image-viewer.min.css.map

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

{"version":3,"sources":["image-viewer.css"],"names":[],"mappings":"AAGI,yBACI,cAAe,CAEf,OAAQ,CACR,QAAS,CAET,yBAA6B,CAE7B,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBACJ,CAEA,iDATI,KAAM,CAGN,MAAO,CAEP,mBAAa,CAAb,mBAAa,CAAb,YAmCJ,CA/BA,wBACI,iBAAkB,CAGlB,SAAU,CACV,UAAW,CACX,WAAY,CAEZ,wBAA8B,CAA9B,qBAA8B,CAA9B,6BAA8B,CAC9B,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,qBAAsB,CACtB,yBAA6B,CAC7B,UAmBJ,CAjBI,4BACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,eAAgB,CAChB,kBAAmB,CACnB,sBACJ,CAEA,kCACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,oBAAyB,CAAzB,iBAAyB,CAAzB,wBAAyB,CACzB,WACJ,CAEA,mCACI,aACJ,CAGJ,qBACI,iBAAkB,CAClB,SAAU,CACV,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,iBAAkB,CAClB,UAAW,CACX,6BAAsB,CAAtB,qBAAsB,CACtB,UAAyB,CACzB,wBAAgB,CAAhB,qBAAgB,CAAhB,oBAAgB,CAAhB,gBACJ,CAEA,uBACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,cAAe,CACf,UAAyB,CACzB,cACJ,CAEA,wBACI,UAAW,CACX,WAAY,CACZ,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,wBAAkB,CAAlB,qBAAkB,CAAlB,kBACJ,CAEA,4BACI,gBACJ,CAEA,uBACI,iBAAkB,CAClB,cAAe,CACf,aAOJ,CALI,gCACI,cAAe,CACf,aAAc,CACd,kBACJ,CAGJ,yBACI,QAAS,CACT,WAAY,CACZ,kCAA2B,CAA3B,0BAA2B,CAC3B,WAAY,CACZ,WAAY,CACZ,cAAe,CACf,+BAAiC,CACjC,iBAAgC,CAChC,kBAaJ,CAXI,+BACI,UAAW,CACX,WAAY,CACZ,kBAAmB,CACnB,cAAe,CACf,UAAyB,CACzB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,wBAA6B,CAA7B,4BAA6B,CAC7B,cACJ,CAGJ,4CACI,OAAQ,CACR,UAAW,CACX,WAAY,CACZ,cAAe,CACf,UAAyB,CACzB,+BAAiC,CACjC,iBAAgC,CAChC,cACJ,CAEA,sBAGI,SACJ,CAEA,4CALI,kCAAmC,CACnC,0BASJ,CALA,sBAGI,UAAW,CACX,eACJ","file":"image-viewer.min.css","sourcesContent":["@import './variable.css';\r\n\r\n.bk-image-viewer {\r\n    &-wrapper {\r\n        position: fixed;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        background: rgba(0, 0, 0, .6);\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    &-header {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 9;\r\n        width: 100%;\r\n        height: 52px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 0 13px 0 25px;\r\n        background: rgba(0, 0, 0, .7);\r\n        color: $defaultColor;\r\n\r\n        > div {\r\n            flex: 1;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        .quit-box {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-end;\r\n            height: 100%;\r\n        }\r\n\r\n        .quit-tips {\r\n            color: $newBlackColor3;\r\n        }\r\n    }\r\n\r\n    &-btn {\r\n        position: absolute;\r\n        z-index: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        opacity: .8;\r\n        box-sizing: border-box;\r\n        color: $defaultLightColor;\r\n        user-select: none\r\n    }\r\n\r\n    &-close {\r\n        width: 40px;\r\n        height: 40px;\r\n        line-height: 38px;\r\n        text-align: center;\r\n        font-size: 32px;\r\n        color: $defaultLightColor;\r\n        cursor: pointer;\r\n    }\r\n\r\n    &-canvas {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center\r\n    }\r\n\r\n    &-has-header {\r\n        padding-top: 52px;\r\n    }\r\n\r\n    &-error {\r\n        text-align: center;\r\n        font-size: 14px;\r\n        color: $newBlackColor1;\r\n\r\n        .bk-icon {\r\n            font-size: 85px;\r\n            line-height: 1;\r\n            margin-bottom: 15px;\r\n        }\r\n    }\r\n\r\n    &-actions {\r\n        left: 50%;\r\n        bottom: 30px;\r\n        transform: translateX(-50%);\r\n        width: 282px;\r\n        height: 44px;\r\n        padding: 0 23px;\r\n        background-color: $newBlackColor4;\r\n        border-color: $defaultLightColor;\r\n        border-radius: 22px;\r\n\r\n        &-inner {\r\n            width: 100%;\r\n            height: 100%;\r\n            text-align: justify;\r\n            font-size: 23px;\r\n            color: $defaultLightColor;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-around;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    &-next, &-prev {\r\n        top: 50%;\r\n        width: 80px;\r\n        height: 80px;\r\n        font-size: 40px;\r\n        color: $defaultLightColor;\r\n        background-color: $newBlackColor4;\r\n        border-color: $defaultLightColor;\r\n        cursor: pointer;\r\n    }\r\n\r\n    &-prev {\r\n        -webkit-transform: translateY(-50%);\r\n        transform: translateY(-50%);\r\n        left: 40px\r\n    }\r\n\r\n    &-next {\r\n        -webkit-transform: translateY(-50%);\r\n        transform: translateY(-50%);\r\n        right: 40px;\r\n        text-indent: 2px\r\n    }\r\n}\r\n"]}