创新服务详情

src/components/webBreadcrumb/index.vue

@@ -0,0 +1,45 @@
+<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>