42 lines
676 B
Vue
42 lines
676 B
Vue
<template>
|
|
<div class="iconstyle">
|
|
<Icon :icon="icon" />
|
|
</div>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import { Icon } from '@iconify/vue';
|
|
|
|
defineProps({
|
|
icon: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
color: {
|
|
type: String,
|
|
required: false,
|
|
default: 'inherit',
|
|
},
|
|
size: {
|
|
type: String,
|
|
required: false,
|
|
default: '24px',
|
|
},
|
|
bSize: {
|
|
type: String,
|
|
required: false,
|
|
default: '24px',
|
|
},
|
|
});
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.iconstyle {
|
|
width: v-bind(bSize);
|
|
height: v-bind(bSize);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: v-bind(size);
|
|
color: v-bind(color);
|
|
}
|
|
</style>
|