Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
1ff07996 by 任超
Options

style:面包屑

1 parent c7fbdbbf
Inline Side-by-side
Showing 2 changed files with 13 additions and 17 deletions
1 <template> 1 <template>
2 <div class="breadcrumb-con"> 2 <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
3 <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right"> 3 <span class="fl">当前页面：</span>
4 <span class="fl">当前页面：</span> 4 <transition-group name="breadcrumb">
5 <transition-group name="breadcrumb"> 5 <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
6 <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path"> 6 <span @click.prevent="handleLink(item)">{{ item.meta.title }}</span>
7 <span @click.prevent="handleLink(item)">{{ item.meta.title }}</span> 7 </el-breadcrumb-item>
8 </el-breadcrumb-item> 8 </transition-group>
9 </transition-group> 9 </el-breadcrumb>
10 </el-breadcrumb>
11 </div>
12 </template> 10 </template>
13 11
14 <script> 12 <script>
...@@ -57,16 +55,14 @@ export default { ...@@ -57,16 +55,14 @@ export default {
57 </script> 55 </script>
58 56
59 <style lang="scss" scoped> 57 <style lang="scss" scoped>
60 .breadcrumb-con {
61 padding-bottom: 5px;
62 border-bottom: 1px solid #458ACF;
63 margin: 8px 0;
64 }
65
66 .breadcrumb { 58 .breadcrumb {
67 text-indent: 10px; 59 text-indent: 10px;
68 background: linear-gradient(90deg, #0047B8 0%, rgba(0, 26, 95, 0.1) 100%); 60 background: url("~@/image/breadcrumb.png") no-repeat;
61 background-size: 100% 100%;
69 line-height: 32px; 62 line-height: 32px;
63 height: 32px;
64 padding-left: 35px;
65 margin: 8px 0 8px 6px;
70 color: #02D9FD; 66 color: #02D9FD;
71 } 67 }
72 68
......