update: 样式调整

src/components/active/finished-active.vue

@@ -210,11 +210,10 @@ export default {
 }
 .finished-active {
   width: 100%;
-  padding: 0 20px 48px 20px;
+  padding: 20px;
   background: #fff;
   li {
     // height: 90px;
-    padding: 0 20px;
     cursor: pointer;
     &.li-border {
       padding: 0 20px;

src/components/active/funnel-chart.vue

@@ -22,7 +22,7 @@ import funnelChart from '@/components/active/funnel-chart.vue';
               :key="index"
               class="flex-1 flex flex-column"
             >
-              <div class="flex-1 flex flex-pack-center font-12 color-606066 flex-align-center space-line r-60"></div>
+              <div class="flex-1 flex flex-pack-center font-12 color-606066 flex-align-center space-line"></div>
               <div
                 v-if="index != funnelData.router.length-1"
                 class="flex-1 flex flex-pack-center font-12 color-606066 flex-align-center inner-bg bg-f5f7fa"
@@ -38,7 +38,7 @@ import funnelChart from '@/components/active/funnel-chart.vue';
               :key="index"
               class="flex-1 flex flex-column"
             >
-              <div class="flex-1 flex flex-align-center space-line p-l-98  font-12 color-606066">{{item.transName}} {{ item.countNumber }} 人 <span v-if="item.transId == 32 ">, {{item.countAmount | formatThousand }} 元</span></div>
+              <div class="flex-1 flex flex-align-center p-l-60  font-12 color-606066">{{item.transName}} {{ item.countNumber }} 人 <span v-if="item.transId == 32 ">, {{item.countAmount | formatThousand }} 元</span></div>
               <div
                 v-if="index != funnelData.router.length-1"
                 class="flex-1 flex flex-align-center bg-f5f7fa"
@@ -74,8 +74,9 @@ export default {
 </script>
 <style lang="less" scoped>
 .funnel-chart {
-  width: 595px;
-  min-width: 595px;
+  // width: 595px;
+  // min-width: 595px;
+  width: 100%;
   height: 346px;
   padding: 40px 0 0 52px;
   margin-left: 38px;
@@ -295,7 +296,7 @@ export default {
           position: absolute;
           top: 50%;
           right: -36%;
-          width: 81px;
+          width: 55px;
           height: 1px;
           -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
@@ -335,11 +336,11 @@ export default {
   }
   .chart-right {
     position: relative;
-    width: 327px;
+    // width: 327px;
     // float: left;
     .chart-text {
       position: relative;
-      width: 327px;
+      // width: 327px;
       height: 269px;
     }
   }

src/components/active/in-progress-active.vue

@@ -405,7 +405,7 @@ export default {
 }
 .in-progress-active {
   width: 100%;
-  padding: 0 20px 48px 20px;
+  padding: 20px;
   background: #fff;
   .el-tag {
     /* background-color: transparent;
@@ -417,7 +417,6 @@ export default {
   }
   li {
     // height: 90px;
-    padding: 0 20px;
     cursor: pointer;
     &.li-border {
       padding: 0 20px;
@@ -428,14 +427,10 @@ export default {
     }
     .in-progress-active-title {
       width: 100%;
-
+      padding-bottom: 20px;
       border-bottom: 1px solid #dcdfe6;
       .active-title-left {
         width: calc(100% - 380px);
-        padding: 20px 0;
-      }
-      .active-title-right {
-        padding: 20px 0;
       }
     }
     .in-progress-active-body {