vant/packages/icon/index.vue
2018-08-24 20:23:07 +08:00

35 lines
593 B
Vue

<template>
<i :class="[classPrefix, `${classPrefix}-${name}`]" :style="style" v-on="$listeners">
<slot />
<div v-if="isDef(info)" :class="b('info')">{{ info }}</div>
</i>
</template>
<script>
import create from '../utils/create-basic';
export default create({
name: 'icon',
props: {
name: String,
info: [String, Number],
color: String,
size: String,
classPrefix: {
type: String,
default: 'van-icon'
}
},
computed: {
style() {
return {
color: this.color,
fontSize: this.size
};
}
}
});
</script>