update

src/components/base/Step.vue

@@ -34,9 +34,9 @@ export default {
 
 <style lang="scss" scoped>
 .step_content {
-  width: 284px;
-  margin-top: 40px;
+  // margin-top: 40px;
   .step_content_list {
+    width: 170px;
     .step_content_list_item {
       display: flex;
       flex-direction: column;

src/modules/market-tools/views/Mail.vue

 <template>
   <div>
     <ToolCard class="main_content">
-      <Step :activeStep="activeStep" />
+      <Step :activeStep="activeStep" class="pt50-pl60"/>
       <div>
-        <MailStepOne v-if="activeStep === 0" />
-        <MailStepTwo v-if="activeStep === 1" />
+        <MailStepOne v-if="activeStep === 0" class="pt-50"/>
+        <MailStepTwo v-if="activeStep === 1" class="pt-50"/>
         <div class="main_content_btn">
           <div class="step_prev step_btn" @click="handlePrev" :disabled="activeStep === 0">上一步</div>
           <div class="step_next step_btn" @click="handleNext">下一步</div>
@@ -50,11 +50,12 @@ export default {
 <style lang="scss" scoped>
 .main_content {
   display: flex;
-  padding: 42px 39px 52px 63px;
+  // padding: 42px 39px 52px 63px;
   // overflow: scroll;
   .main_content_btn {
     display: flex;
     justify-content: center;
+    padding-bottom:70px;
     .step_btn {
       width: 119px;
       height: 32px;
@@ -66,8 +67,14 @@ export default {
       color: #ffffff;
       text-align: center;
       margin-right: 10px;
-      margin-top: 200px;
+      // margin-top: 200px;
     }
   }
 }
+.pt50-pl60{
+  padding: 50px 0 0 60px;
+}
+.pt-50{
+  padding-top: 50px;
+}
 </style>