Case_Collection_System/code/h5/components/custom-breadcrumb/custom-breadcrumb.vue

<template>
	<view class="uni-breadcrumb">
		<slot />
	</view>
</template>
<script>
	/**
	 * Breadcrumb 面包屑导航父组件
	 * @description 显示当前页面的路径，快速返回之前的任意页面
	 * @tutorial https://ext.dcloud.net.cn/plugin?id=xxx
	 * @property {String} separator 分隔符，默认为斜杠'/'
	 * @property {String} separatorClass 图标分隔符 class
	 */
	export default {
		options: {
			virtualHost: true
		},
		props: {
			separator: {
				type: String,
				default: '/'
			},
			separatorClass: {
				type: String,
				default: ''
			}
		},

		provide() {
			return {
				uniBreadcrumb: this
			}
		}

	}
</script>
<style lang="scss">
	.uni-breadcrumb {
		display: flex;
		background: #fff;
		height: 88rpx;
		padding: 20rpx 32rpx;
		position: relative;
		z-index: 1001;
	}
</style>