样式调整-lh

src/assets/scss/common.scss

 .com-container{
   width: 60%;
   max-width: 1160px;
-  min-width: 1024px;
+  min-width: 1050px;
   //min-width: 960px;
   padding: 0 40px;
   margin: 0 auto;

src/components/breadcrumb.vue

@@ -2,86 +2,17 @@
   <div class="steps flex">
     <div class="step flex" v-for="(item, index) in bCList" :key="item.status">
       <div :class="'cricle' + ' ' + (status >= item.status? 'speed-bg-color' : '')">
-        <span class="num">{{index+1}}</span>
+        {{index+1}}
       </div>
       <div
         :class="'step_title' + ' ' + (status >= item.status ? 'speed-text-color' : '')"
       >
         {{item.name}}
       </div>
-      <div>
-        <img src="../assets/img/signUp/left.png" alt="" v-if="item.status<4"/>
+      <div class="img" v-if="item.status<4">
+        <img src="../assets/img/signUp/left.png" alt=""/>
       </div>
     </div>
-    <!-- 1 -->
-    <!--    <div class="step flex">-->
-    <!--      <div :class="'cricle' + ' ' + (status >= 0? 'speed-bg-color' : '')">-->
-    <!--        <span class="num">1</span>-->
-    <!--      </div>-->
-    <!--      <div-->
-    <!--        :class="'step_title' + ' ' + (status >= 0 ? 'speed-text-color' : '')"-->
-    <!--      >-->
-    <!--        确认报名须知-->
-    <!--      </div>-->
-    <!--      <div>-->
-    <!--        <img src="../assets/img/signUp/left.png" alt=""/>-->
-    <!--      </div>-->
-    <!--    </div>-->
-    <!-- 2 -->
-    <!--    <div class="step flex">-->
-    <!--      <div-->
-    <!--        class="cricle cc"-->
-    <!--        :class="'cricle' + ' ' + (status >= 1 ? 'speed-bg-color' : '')"-->
-    <!--      >-->
-    <!--        <span class="num">2</span>-->
-    <!--      </div>-->
-    <!--      <div-->
-    <!--        :class="'step_title' + ' ' + (status >= 1? 'speed-text-color' : '')"-->
-    <!--      >-->
-    <!--        填写邀请码-->
-    <!--      </div>-->
-    <!--      <img src="../assets/img/signUp/left.png" alt=""/>-->
-    <!--    </div>-->
-    <!-- 3 -->
-    <!--    <div class="step flex">-->
-    <!--      <div-->
-    <!--        class="cricle cc"-->
-    <!--        :class="'cricle' + ' ' + (status >=2 ? 'speed-bg-color' : '')"-->
-    <!--      >-->
-    <!--        <span class="num">3</span>-->
-    <!--      </div>-->
-    <!--      <div-->
-    <!--        :class="'step_title' + ' ' + (status >=2 ? 'speed-text-color' : '')"-->
-    <!--      >-->
-    <!--        填写报名资料-->
-    <!--      </div>-->
-    <!--      <img src="../assets/img/signUp/left.png" alt=""/>-->
-    <!--    </div>-->
-    <!-- 4 -->
-    <!--    <div class="step flex">-->
-    <!--      <div-->
-    <!--        class="cricle cc"-->
-    <!--        :class="'cricle' + ' ' + (status >=3 ? 'speed-bg-color' : '')"-->
-    <!--      >-->
-    <!--        <span class="num">4</span>-->
-    <!--      </div>-->
-    <!--      <div :class="'step_title' + ' ' + (status >=3? 'speed-text-color' : '')">-->
-    <!--        报名资料审核-->
-    <!--      </div>-->
-    <!--      <img src="../assets/img/signUp/left.png" alt=""/>-->
-    <!--    </div>-->
-    <!-- 5 -->
-    <!--    <div class="step flex">-->
-    <!--      <div-->
-    <!--        class="cricle cc"-->
-    <!--        :class="'cricle' + ' ' + (status >= 4 ? 'speed-bg-color' : '')"-->
-    <!--      >-->
-    <!--        <span class="num">5</span>-->
-    <!--      </div>-->
-    <!--      <div :class="'step_title' + ' ' + (status >= 4 ? 'speed-text-color' : '')">-->
-    <!--        缴费-->
-    <!--      </div>-->
-    <!--    </div>-->
   </div>
 </template>
 
@@ -161,37 +92,32 @@
   .steps {
     .step {
       align-items: center;
-    }
-
-    .num {
-      color: #ffff;
-      position: absolute;
-      z-index: 999;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-
-    .cricle {
-      position: relative;
-      width: 57px;
-      height: 29px;
+      .cricle {
+        width: 30px;
+        height: 30px;
+        text-align: center;
+        line-height: 30px;
+        color: #ffff;
+        background: #d0ced0;
+        border-radius: 15px;
+        margin-right: 10px;
+        font-size: 14px;
+        font-family: PingFang SC;
+      }
 
-      background: #d0ced0;
-      border-radius: 41px;
-      margin-right: 10px;
-    }
-
-    img {
-      margin: 15px;
-    }
+      .step_title {
+        flex: 1;
+        font-size: 14px;
+        height: 20px;
+        font-weight: 600;
+        color: #d0ced0;
+        line-height: 20px;
+        font-family: PingFang SC;
+      }
 
-    .step_title {
-      font-size: 14px;
-      width: 100%;
-      height: 20px;
-      font-weight: 600;
-      color: #d0ced0;
+      .img {
+        margin: 0 15px 0 10px;
+      }
     }
   }
 </style>

src/components/index/SignUp/confirm.vue

@@ -39,7 +39,7 @@ export default {
     };
   },
   created() {
-   
+
   },
   methods: {
     next() {
@@ -50,7 +50,7 @@ export default {
           this.$emit("getstatus", res.data.status);
         this.$message.success(res.data.message);
         this.$router.push("/signUp/invitation");
-      
+
       });
     },
   },
@@ -60,7 +60,7 @@ export default {
 <style  lang="scss" scoped>
 @import "a/scss/btn";
 .confirm {
-  padding: 0 56px 65px 56px;
+  padding: 0 50px 60px;
   .line {
     border-bottom: 1px solid #d4d0d4;
   }
@@ -83,6 +83,6 @@ export default {
     text-align: center;
     margin-top: 42px;
   }
- 
+
 }
 </style>

src/views/index/camp/Index.vue

@@ -169,7 +169,7 @@
 
       .camp_left {
         position: relative;
-        width: 24%;
+        width: 22%;
         max-width: 280px;
         min-width: 200px;
         border-radius: 8px;