123456789101112131415161718192021222324252627282930313233343536 |
- <script setup lang="ts">
- const props = defineProps({
- prefix: {
- type: String,
- default: 'icon',
- },
- name: {
- type: String,
- required: true,
- },
- color: {
- type: String,
- default: '#333',
- },
- width: {
- type: Number,
- default: 20,
- },
- height: {
- type: Number,
- default: 20,
- },
- })
- const symbolId = computed(() => `#${props.prefix}-${props.name}`)
- </script>
- <template>
- <svg aria-hidden="true" :style="`width:${width}px;height:${height}px`">
- <use :href="symbolId" :fill="color" />
- </svg>
- </template>
- <style scoped lang="less">
- </style>
|