1ff07996 by 任超

style:面包屑

1 parent c7fbdbbf
<template>
<div class="breadcrumb-con">
<el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
<span class="fl">当前页面:</span>
<transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
<span @click.prevent="handleLink(item)">{{ item.meta.title }}</span>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>
</div>
<el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
<span class="fl">当前页面:</span>
<transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
<span @click.prevent="handleLink(item)">{{ item.meta.title }}</span>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>
</template>
<script>
......@@ -57,16 +55,14 @@ export default {
</script>
<style lang="scss" scoped>
.breadcrumb-con {
padding-bottom: 5px;
border-bottom: 1px solid #458ACF;
margin: 8px 0;
}
.breadcrumb {
text-indent: 10px;
background: linear-gradient(90deg, #0047B8 0%, rgba(0, 26, 95, 0.1) 100%);
background: url("~@/image/breadcrumb.png") no-repeat;
background-size: 100% 100%;
line-height: 32px;
height: 32px;
padding-left: 35px;
margin: 8px 0 8px 6px;
color: #02D9FD;
}
......