35 lines
542 B
Vue
35 lines
542 B
Vue
<template>
|
|
<span>
|
|
<svg-icon :icon-class="icon"/>
|
|
<span slot="title">{{ title }}</span>
|
|
<el-badge :value="count" type="primary" class="count-badge" />
|
|
</span>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Item',
|
|
props: {
|
|
count: {
|
|
type: String,
|
|
default: null
|
|
},
|
|
icon: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style rel='stylesheet/scss' lang='scss' scoped>
|
|
.count-badge {
|
|
margin-left: 5px;
|
|
height: 48px;
|
|
}
|
|
</style>
|