1. * {
padding: 0;
margin: 0;
}

.fir>li>ul {
color: red;
text-indent: 16px;
}

.sec>li>ul {
color: green;
text-indent: 32px;
}

2.
<template>
<div separator>
<span>首页{{separator}}</span>
<span>一级{{separator}}</span>
<span>二级</span>
</div>
</template>

<script>
export default {
name: 'Breadcrumb',
props: {
separator: {
type: String,
default: '>',
},
},
};
</script>