修改样式改为1200

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;
-    background-image: url(../assets/image/01.png);
+    height: 177px;
+    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%;