自适应样式

src/components/education/custom/course-list.vue

@@ -156,7 +156,7 @@ export default {
 .course-list-wrapper {
   padding: 0 30px;
   min-width: 1180px;
-  max-width: 1600px;
+  // max-width: 1600px;
   .course-header {
     // position: relative;
     // top: 0;
@@ -182,14 +182,10 @@ export default {
       }
     }
     .order {
-      // position: absolute;
-      // top: 0;
-      // left: 880px;
-      // width: 200px;
+      margin-right: 40px;
       display: flex;
       flex-direction: row;
       align-items: center;
-      // margin-right: 20px;
       font-size: 14px;
       color: #333333;
       img {

src/components/education/custom/course-select.vue

@@ -409,6 +409,6 @@ export default {
   flex-direction: row;
   justify-content: flex-end;
   margin-top: 20px;
-  margin-right: 20px;
+  margin-right: 60px;
 }
 </style>
\ No newline at end of file

src/components/education/custom/custom-baseinfo.vue

@@ -817,7 +817,7 @@ export default {
 .el-form-item__content {
   width: 100%;
   height: 100%;
-  background: red;
+  // background: red;
 }
 .popover-content {
   position: relative;

src/views/education/edit-custom.vue

@@ -19,9 +19,10 @@
             <el-step title="选择学员范围">3</el-step>
           </el-steps>
         </el-col>
-        <el-col style="margin-left: 236px; width: 200px;margin-top: 2px;">
+        <div style="flex: 1;"></div>
+        <el-col style="margin-left: 236px; width: 160px;margin-top: 2px;">
         <!-- <el-col :span="5" :offset="5"> -->
-        <div v-if="!canNext" class="dis-btn">下一步</div>
+          <div v-if="!canNext" class="dis-btn">下一步</div>
           <el-button class="dis-btn-b" v-if="active != 0 && projectStatus == 1 && isPreview != 1" size="small" @click="save">暂存</el-button>
           <el-button class="dis-btn-b" v-if="active !== 2 && canNext" size="small" type="primary" @click="nextStep">下一步</el-button>
           <el-button class="dis-btn-b" v-if="active == 2" size="small" type="primary" @click="complete">完成</el-button>
@@ -539,28 +540,28 @@ export default {
 <style lang="scss">
 
 .edit-custom-wrap {
-      ::-webkit-scrollbar  
-    {  
-        width: 16px;  
-        height: 16px;  
-        background-color: #F5F5F5;  
-    }  
+  ::-webkit-scrollbar {  
+    width: 10px;  
+    height: 10px;  
+    background-color: #fff;  
+  }  
       
-    /*定义滚动条轨道 内阴影+圆角*/  
-    ::-webkit-scrollbar-track  
-    {  
-        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
-        border-radius: 10px;  
-        background-color: #F5F5F5;  
-    }  
-      
-    /*定义滑块 内阴影+圆角*/  
-    ::-webkit-scrollbar-thumb  
-    {  
-        border-radius: 10px;  
-        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
-        background-color: #555;  
-    }
+  /*定义滚动条轨道 内阴影+圆角*/  
+  ::-webkit-scrollbar-track {  
+    // box-shadow: inset 0 0 3px rgba(0,0,0,0.3);  
+    // -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);  
+    border-radius: 10px;  
+    background-color: #fff;  
+  }  
+    
+  /*定义滑块 内阴影+圆角*/  
+  ::-webkit-scrollbar-thumb {  
+    border-radius: 6px;  
+    // box-shadow: inset 0 0 3px rgba(0,0,0,.3);  
+    // -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);  
+    background-color: #C7C8C9;  
+  }
+
   .el-step.is-simple:not(:last-of-type) .el-step__title {
     max-width: 100%;
   }
@@ -574,21 +575,17 @@ export default {
     top: 125px;
   }
   .step-content-new {
-    min-width: 1300px;
+    min-width: 1200px;
+    display: flex;
+    justify-content: space-between;
+    // min-width: 1300px;
     background: #fff;
-    // z-index: 1001;
     background: #fff;
-    // position: fixed;
-    // right: 30px;
-    // left: 285px;
     overflow: hidden;
-    // height: 60px;
     height: 54px;
     line-height: 54px;
-    // margin-top: 66px;
     padding: 15px 0 50px 0;
     border-bottom: 1px solid #efefef;
-    // margin-bottom: 20px;
     background: #fff;
     .is-text {
       display: none;
@@ -610,7 +607,6 @@ export default {
     }
     .step-num {
       display: block;
-      // margin-top: 1.5px;
       font-size: 12px;
       border: 1px solid #999 !important;
       border-radius: 50%;