首次提交

cdtestplant/src/components/breadcrumb/index.vue

@@ -0,0 +1,35 @@
+<template>
+    <a-breadcrumb class="container-breadcrumb">
+        <a-breadcrumb-item>
+            <icon-apps />
+        </a-breadcrumb-item>
+        <a-breadcrumb-item v-for="item in items" :key="item">
+            {{ $t(item) }}
+        </a-breadcrumb-item>
+    </a-breadcrumb>
+</template>
+
+<script lang="ts" setup>
+    import { PropType } from 'vue'
+
+    defineProps({
+        items: {
+            type: Array as PropType<string[]>,
+            default() {
+                return []
+            },
+        },
+    })
+</script>
+
+<style scoped lang="less">
+    .container-breadcrumb {
+        margin: 16px 0;
+        :deep(.arco-breadcrumb-item) {
+            color: rgb(var(--gray-6));
+            &:last-child {
+                color: rgb(var(--gray-8));
+            }
+        }
+    }
+</style>