style:面包屑

 <template>
-  <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 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>
 </template>
 
 <script>
@@ -55,13 +57,17 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.breadcrumb-con {
+  padding-bottom: 5px;
+  border-bottom: 1px solid #458ACF;
+  margin: 8px 0;
+}
+
 .breadcrumb {
-  box-sizing: border-box;
   text-indent: 10px;
   background: linear-gradient(90deg, #0047B8 0%, rgba(0, 26, 95, 0.1) 100%);
   line-height: 32px;
-  color: #FFFFFF;
-  margin-bottom: 8px;
+  color: #02D9FD;
 }
 
 /deep/.el-icon-arrow-right {
@@ -73,7 +79,7 @@ export default {
 }
 
 /deep/.el-breadcrumb__inner {
-  color: #FFFFFF !important;
+  color: #02D9FD !important;
 }
 
 .breadcrumb1366 {