<template>
  <div class="e-sidemenu__item">
      <p @click="menuClick">
        <img v-if="imgSrc" :src="imgSrc" alt="" title="" />
        <i class="e-font" :class="`e-font__${icon}`" v-if="icon"></i>
        <span><slot></slot></span>
        <font class="e-todo" v-if="count>0">{{ count }}</font>
      </p>
  </div>
</template>
<script>
export default {
  name:'emmm-sidemenu-item',
  props:{
    icon:{
      type:String,
      default:null
    },
    imgSrc:{
      type:String,
      default:null,
    },
    count:{
      type: Number,
      default:0
    }
  },
  methods:{
    menuClick:function(event){
      this.$emit('click',event)
    }
  }
}
</script>
<style lang="postcss" scoped>
</style>
