{"version":3,"file":"DC-6_rqx.js","sources":["../../../../components/SvgIcon.vue"],"sourcesContent":["<template>\n  <!-- <svg class=\"icon\" :class=\"'icon-' + props.size\" aria-hidden=\"true\" :color=\"props.color\">\n    <use :xlink:href=\"'#icon-' + props.name\"></use>\n  </svg> -->\n  <i \n    class=\"iconfont\" \n    :class=\"'icon-' + props.size , 'icon-' + props.name\" \n    :color=\"props.color\"\n  ></i>\n</template>\n\n<script setup>\nimport { ref,defineProps } from 'vue'\nconst props = defineProps({\n  size: {\n    type: String,\n    default: 'small'\n  },\n  name: {\n    type: String,\n    default: 'lock'\n  },\n  color: {\n    type: String,\n    default: '#545454'\n  }\n})\n\n</script>\n\n<style lang=\"scss\" scoped>\n.icon {\n  &-small1 {\n    font-size: 12px;\n  }\n  &-small {\n    font-size: 16px;\n  }\n\n  &-middle {\n    font-size: 20.8px;\n  }\n\n  &-large {\n    font-size: 28.8px;\n  }\n}\n</style>\n"],"names":["props","__props"],"mappings":"shBAaA,MAAMA,EAAQC"}