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

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

{"version":3,"sources":["image.css"],"names":[],"mappings":"AAEA,UACI,iBAAkB,CAClB,oBAAqB,CACrB,eAuCJ,CArCI,gBACI,UAAW,CACX,WAAY,CACZ,kBAUJ,CARI,uBACI,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,sCAAgC,CAAhC,8BAAgC,CAChC,aACJ,CAKJ,sBACI,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,cAAe,CACf,kBAA0B,CAC1B,aAAoB,CACpB,qBAIJ,CAHI,0BACI,UACJ,CAGJ,kBACI,cACJ","file":"image.min.css","sourcesContent":["@import './variable.css';\n\n.bk-image {\n    position: relative;\n    display: inline-block;\n    overflow: hidden;\n\n    &-inner {\n        width: 100%;\n        height: 100%;\n        vertical-align: top;\n\n        &-center {\n            position: relative;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            display: block\n        }\n\n    }\n\n\n    &-placeholder {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 24px;\n        background: $newGreyColor2;\n        color: $newGreyColor;\n        vertical-align: middle;\n        img{\n            width: 100%;\n        }\n    }\n\n    &-preview {\n        cursor: pointer\n    }\n}\n"]}