<template>
    <div>
        <Breadcrumb separator=">" >
          <BreadcrumbItem   v-for="(item,index) in breadCrumbList" :key="index" :to="item.to">
              <span class="select_span">
                <i v-if="index==0" :class="item.meta.icon || ''" style="font-family:'iconfont';"></i>
                <i v-if="index>0&&everyIcon==true" :class="item.meta.icon || ''" style="font-family:'iconfont';"></i>
                <span>{{item.meta.title}}</span>
              </span>
          </BreadcrumbItem>
    </Breadcrumb>
    </div>
</template>

<script>
export default {
  name: 'HBreadcrumb',
  props: {
    breadCrumbList: {
      type: Array,
      default: () => {
        return []
      }
    },
    everyIcon: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
    }
  },
  created() {},
  methods: {
  }
}
</script>

<style lang="less" scoped>
</style>
