<template>
  <div :class="backIsShow?'crumbs-edit':'myj-crumbs'">
		<span>当前位置：</span>
		<span>{{firstCrumbs}} </span>
		<span v-if="secondCrumbs" class="simsun">&gt;</span>
		<span v-if="secondCrumbs">{{secondCrumbs}}</span>
	  	<span v-if="thirdCrumbs" class="simsun">&gt;</span>
	  	<span v-if="thirdCrumbs">{{thirdCrumbs}}</span>
	</div>
</template>
<script>
	export default {
		props: {
			backIsShow:{
				type: Boolean,
				default: false,
			},
			firstCrumbs: {
				type: String,
				default: '',
			},
			secondCrumbs: {
				type: String,
				default: '',
			},
			thirdCrumbs: {
				type: String,
				default: '',
			},
		},
		data() {
			return {
			}
		},
	}
</script>
<style lang="less" scoped>
.crumbs-edit{
	padding: 10px;
	margin: 0 auto 10px;
	background-color: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 34, 77, .15);
}
.myj-crumbs {
	height: 33px;
	line-height: 33px;
	color: #000;
	font-size: 13px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
	.simsun {
		font-family: simsun;
	}
}
</style>