1ff07996 by 任超

style:面包屑

1 parent c7fbdbbf
1 <template> 1 <template>
2 <div class="breadcrumb-con">
3 <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right"> 2 <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
4 <span class="fl">当前页面:</span> 3 <span class="fl">当前页面:</span>
5 <transition-group name="breadcrumb"> 4 <transition-group name="breadcrumb">
...@@ -8,7 +7,6 @@ ...@@ -8,7 +7,6 @@
8 </el-breadcrumb-item> 7 </el-breadcrumb-item>
9 </transition-group> 8 </transition-group>
10 </el-breadcrumb> 9 </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
......