{"version":3,"file":"img.mjs","sources":["../../../../src/components/photo-list/src/img.vue"],"sourcesContent":["<template>\r\n  <div class=\"tkc_img\">\r\n    <img class=\"tkc_img_item\" :src=\"src || defaultSrc\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'ImgComponent',\r\n    props: {\r\n      src: String,\r\n      defaultSrc: {\r\n        type: String,\r\n        default:\r\n          'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+ip1sAAAAASUVORK5CYII=', // base64空白占位图\r\n      },\r\n    },\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .tkc_img {\r\n    box-sizing: border-box;\r\n    height: 100%;\r\n    border: 1px solid #e7e7eb;\r\n    text-align: center;\r\n    font-size: 0;\r\n    line-height: 0;\r\n  }\r\n\r\n  .tkc_img:after {\r\n    content: '';\r\n    display: inline-block;\r\n    height: 100%;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .tkc_img_item {\r\n    display: inline-block;\r\n    width: auto;\r\n    height: auto;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    vertical-align: middle;\r\n  }\r\n</style>\r\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;AAOE,MAAK,SAAU,GAAA;AACb,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;MACL,GAAG,EAAE,MAAM;MACX,UAAU,EAAE;QACV,IAAI,EAAE,MAAM;AACZ,QAAA,OAAO;AACL,UAAA,oHAAoH;OACvH;KACF;GACF,CAAA;;AAhBI,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,SAAS,GAAA;;;;AAApB,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,CAEM,OAFN,UAEM,EAAA;IADJC,kBAAqD,CAAA,KAAA,EAAA;AAAhD,MAAA,KAAK,EAAC,cAAc;MAAE,GAAG,EAAE,MAAG,CAAA,GAAA,IAAI,MAAU,CAAA,UAAA;;;;;;;;"}