<template>
  <el-breadcrumb separator="/">
    <el-breadcrumb-item>
      <span class="_one pointer" @click="handleShow">{{
        breadcrumbTitle.title
      }}</span>
    </el-breadcrumb-item>
    <el-breadcrumb-item>
      <span class="_two">{{ breadcrumbTitle.twoTitle }}</span>
    </el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script setup>
const props = defineProps({
  isShow: {
    required: true,
    type: Boolean,
  },
  breadcrumbTitle: {
    required: true,
    type: Object,
  },
});
const emit = defineEmits();
function handleShow() {
  emit("update:isShow", !props.isShow);
}
</script>

<style lang="scss" scoped>
.el-breadcrumb {
  padding: 20px 0;
  ._two {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
  }
  ._one {
    font-size: 16px;
    font-weight: 600 !important;
    color: #333333;
  }
}
</style>
