<template>
    <view :class="'i-class i-icon ' + (type === '' ? '' : 'i-icon-' + type) + ' ' + custom" :style="'font-size: ' + size + 'px; ' + (color ? 'color:' + color : '')"></view>
</template>

<script>
export default {
    data() {
        return {};
    },
    externalClasses: ['i-class'],
    props: {
        type: {
            type: String,
            default: ''
        },
        custom: {
            type: String,
            default: ''
        },
        size: {
            type: Number,
            default: 14
        },
        color: {
            type: String,
            default: ''
        }
    },
    methods: {},
    created: function () {}
};
</script>
<style>
@import './index.css';
</style>
