修改样式改为1200

src/App.vue

@@ -51,7 +51,7 @@ export default {
 // >=1920的设备屏幕
 // @media screen and (min-width: 1920px) {}
 .content {
-  width: 1400px;
+  width: 1200px;
   margin: 0 auto;
 }
 .min_h_241 {
@@ -61,7 +61,7 @@ export default {
   min-height: calc(100vh - 285px);
 }
 .p0-100 {
-  padding: 0 100px;
+  // padding: 0 100px;
 }
 .text_hidden_one {
   overflow: hidden;

src/views/components/footer/index.vue

@@ -71,7 +71,7 @@
     justify-content: space-between;
     align-items: center;
     .footer_left {
-      padding: 40px 0;
+      padding: 60px 0;
       .footer_left_one {
         width: 392px;
         height: 63px;
@@ -104,10 +104,10 @@
     }
     .footer_right {
       display: flex;
-      .item {
+      .item:nth-child(1) {
         font-size: 18px;
         color: #333;
-        margin-right: 50px;
+        margin-right: 40px;
         text-align: center;
       }
     }

src/views/home/demand.vue

@@ -251,6 +251,7 @@ export default {
           height: 292px;
           margin-right: 12px;
           box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
+          border: 1px solid #ffa32c;
           margin-bottom: 14px;
           cursor: pointer;
           border-radius: 6px;
@@ -271,6 +272,7 @@ export default {
           }
           .text {
             min-height: 124px;
+            max-height: 134px;
             font-size: 16px;
             color: #666;
             line-height: 27px;

src/views/home/home.vue

@@ -471,7 +471,8 @@ export default {
   height: 0;
 }
 .banner {
-  width: 614px;
+  // width: 614px;
+  width: 50%;
   margin-right: 20px;
   .el-carousel {
     .el-carousel__item {
@@ -548,7 +549,8 @@ export default {
   }
 }
 .banner_r {
-  width: 566px;
+  // width: 566px;
+  width: 48%;
   // /deep/.el-tabs__item {
   //   padding: 0 30px;
   //   font-size: 20px;
@@ -648,8 +650,9 @@ export default {
 .about {
   background-color: #f8f8f8;
   .p0-100 {
-    padding-top: 37px;
+    // padding-top: 37px;
-    padding-bottom: 26px;
+    // padding-bottom: 26px;
+    padding: 30px;
     .about_tit {
       margin-top: 0;
       img {
@@ -659,7 +662,11 @@ export default {
     }
     .about_box {
       display: flex;
+      .about_l {
+        overflow: hidden;
+      }
       .about_r {
+        flex: 1;
         h3 {
           color: #333;
           font-size: 20px;
@@ -675,8 +682,8 @@ export default {
 }
 .p0-100 {
   .cooperation {
-    padding-top: 47px;
+    padding-top: 40px;
-    padding-bottom: 19px;
+    // padding-bottom: 19px;
     text-align: center;
     font-size: 26px;
     font-weight: 700;

src/views/index.vue

@@ -37,7 +37,7 @@
     <!-- 整体宽度 -->
     <div class="content">
       <!-- 头部 -->
-      <div class="header p0-100">
+      <div class="header">
         <div class="login_btn" v-if="!avatar">
           <el-button type="text" @click="handlePage(true)">登录</el-button>
           <i class="mark">|</i>
@@ -73,7 +73,7 @@
     </div>
     <!-- ul li 列表 -->
     <div class="uls">
-      <div class="lis content p0-100">
+      <div class="lis content">
         <ul>
           <li
             :class="path == item.path ? 'is-active' : ''"
@@ -198,20 +198,25 @@ export default {
   //   left: 0;
   //   z-index: -1;
   // }
+  @media screen and (max-width: 1365px) {
+    .slid {
+      display: none;
+    }
+  }
   .slid {
-    width: 82px;
+    width: 70px;
     height: 246px;
     position: fixed;
     left: 50%;
-    border: 1px solid #dcdcdc;
+    // border: 1px solid #dcdcdc;
     border-bottom: 0;
     background: #ffffff;
-    margin-left: 720px;
+    margin-left: 600px;
     top: 400px;
     .item-box {
       text-align: center;
       padding: 15px 0;
-      border-bottom: 1px solid #dcdcdc;
+      // border-bottom: 1px solid #dcdcdc;
       .text {
         font-size: 16px;
         color: #666;
@@ -220,8 +225,9 @@ export default {
   }
 
   .header {
-    height: 206px;
+    height: 177px;
-    background-image: url(../assets/image/01.png);
+    background: url(../assets/image/01.png) no-repeat;
+    background-size: contain;
     .login_btn {
       height: 60px;
       text-align: right;
@@ -259,7 +265,7 @@ export default {
       display: flex;
       justify-content: space-between;
       height: 63px;
-      margin-top: 75px;
+      margin-top: 35px;
       img {
         width: 392px;
         height: 100%;

src/views/result.vue

@@ -395,7 +395,7 @@ export default {
       justify-content: space-between;
       align-items: center;
       .footer_left {
-        padding: 40px 0;
+        padding: 60px 0;
         .footer_left_one {
           width: 392px;
           height: 63px;