营地2.0-修改

src/assets/scss/breadcrumb.scss

+::v-deep .el-breadcrumb {
+  height: 20px;
+  margin: 15px 0;
+
+  .el-breadcrumb__item {
+    .el-breadcrumb__inner,
+    .el-breadcrumb__separator {
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #999999;
+      line-height: 20px;
+    }
+
+
+    &:last-child .el-breadcrumb__inner {
+      color: var(--all_color) !important;
+    }
+  }
+}

src/views/base/active/ActiveInfo.vue

 <template>
   <div class="com-container active-info-container" v-loading="loading">
+    <el-breadcrumb separator="/" class="active-breadcrumb">
+      <el-breadcrumb-item :to="{ path: '/active' }">活动中心</el-breadcrumb-item>
+      <el-breadcrumb-item>活动详情</el-breadcrumb-item>
+    </el-breadcrumb>
     <div class="active-info card-box">
       <div class="active-info-cover">
         <el-image :src="activeInfo.activityCover" fit="cover"/>
@@ -313,12 +317,20 @@
 
 <style lang="scss" scoped>
   @import "a/scss/common";
+  @import "a/scss/breadcrumb";
 
   .active-info-container {
+    position: relative;
     padding: 50px;
     color: #333333;
     font-family: "PingFang SC";
 
+    .active-breadcrumb {
+      position: absolute;
+      top: 0;
+      left: 50px;
+    }
+
     .bold {
       font-weight: bold;
     }
@@ -468,9 +480,11 @@
       align-items: self-start;
       justify-content: space-between;
       position: relative;
-      >div{
+
+      > div {
         margin-right: 20px;
-        &:last-child{
+
+        &:last-child {
           margin-right: 0;
         }
       }

src/views/index/camp/Index.vue

@@ -50,7 +50,11 @@
         </template>
 
         <div class="camp_right" ref="rightBox">
-          <i class="el-icon-arrow-left back-arrow" @click="backArrow()"/>
+          <div class="back-arrow" @click="backArrow()">
+            <i class="el-icon-arrow-left"/>
+            {{$store.state.info.name}}
+          </div>
+
           <SignUp @getStatus="getStatus" v-if="this.campindex_type == 0"></SignUp>
           <Homework v-if="this.campindex_type == 1"></Homework>
           <Certificate v-if="this.campindex_type == 2"></Certificate>
@@ -309,18 +313,25 @@
           border-radius: 8px;
           background-color: #ffffff;
 
-          .back-arrow.el-icon-arrow-left {
+          .back-arrow {
             position: absolute;
             left: 10px;
             top: 10px;
             color: #12141c;
+            font-size: 18px;
+            line-height: 32px;
             font-weight: bold;
-            font-size: 40px;
-
             &:hover {
               color: var(--color);
               cursor: pointer;
             }
+
+            .el-icon-arrow-left {
+              vertical-align: middle;
+              font-size: 28px;
+              font-weight: bold;
+            }
+
           }
         }