个人中心根据学生端完善

src/pages/setting/list/index.vue

@@ -110,10 +110,4 @@ export default {
         flex: 1;
     }
 }
-@media (max-width: 1750px) {
-    .wrap {
-        min-width: 1500px;
-        padding: 12px 100px 20px;
-    }
-}
 </style>

src/pages/setting/list/info.vue

@@ -1,9 +1,5 @@
 <template>
         <div>
-            <div class="topBack">
-                <div class="back" @click="goBack"><i class="el-icon-arrow-left"></i>返回</div>
-            </div>
-
             <div class="scroll">
                 <div class="page">
                     <h6 class="l-title"><img src="@/assets/img/info1.png" alt=""> 用户信息</h6>
@@ -86,7 +82,7 @@
                             </div>
                         </ul>
                     </div>
-                    <div class="flex j-between a-center m-r-20">
+                    <div class="flex j-between a-center" style="width: 862px">
                         <h6 class="l-title"><img src="@/assets/img/info2.png" alt=""> 个人档案</h6>
                         <el-button type="text" icon="el-icon-plus" style="margin-left: 16px" @click="addArch">新增</el-button>
                     </div>
@@ -981,38 +977,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.topBack {
+.scroll{
-    // position: absolute;
+    max-height: calc(100vh - 220px);
-    // top: 0;
-    // left: 0;
-    // right: 0;
-    background-color: #ffffff;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    box-sizing: border-box;
-    width: 100%;
-    height: 60px;
-    font-size: 16px;
-    color: #333;
-    .back {
-        cursor: pointer;
-        line-height: 60px;
-        height: 60px;
-        font-size: 16px;
-        font-weight: bold;
-        margin-left: 20px;
-        i {
-            color: #9278ff;
-            font-size: 20px;
-        }
-    }
-}
-    .scroll{
-        height: calc(100vh - 202px);
     overflow: auto;
-    }
+}
-    .page{
+.page{
     margin-bottom: 12px;
     /deep/.el-input__inner{
         border-color: #CACFDB;
@@ -1022,16 +991,21 @@ export default {
             display: flex;
             margin-bottom: 24px;
             &.info li:not(.selects){
-                    width: 30%;
                 .el-input{
                     flex: 1;
                 }
-                    &:first-child{
-                        margin-right: 16%;
-                    }
             }
             &.imp li{
-                    width: calc(30% + 36px) !important;
+                &:nth-child(odd) {
+                    width: 360px;
+                    margin-right: 64px;
+                }
+            }
+        }
+        .el-input, .el-select{
+            width: 220px;
+            .el-input__inner{
+                border-color: #CACFDB;
             }
         }
         li{
@@ -1043,12 +1017,10 @@ export default {
                 text-align: right;
                 font-size: 14px;
                 color: #4c4c4c;
+                white-space: nowrap;
             }
-                .el-input{
+            .el-select {
-                    width: 220px;
+                flex: 1;
-                    .el-input__inner{
-                        border-color: #CACFDB;
-                    }
             }
             .el-select .el-input.is-disabled .el-input__inner{
                 border-color: #ddd;
@@ -1071,6 +1043,10 @@ export default {
                     }
                 }
             }
+            &:nth-child(odd) {
+                width: 325px;
+                margin-right: 100px;
+            }
         }
     }
     .archives{
@@ -1086,15 +1062,6 @@ export default {
             right: 19px;
             cursor: pointer;
         }
-            .line {
-                justify-content: space-between;
-            }
-            li{
-                margin-right: 60px;
-            }
-            .el-select{
-                flex: 1;
-            }
     }
     .fold{
         margin-top: 20px;
@@ -1111,8 +1078,8 @@ export default {
             }
         }
     }
-    }
+}
-    .btns{
+.btns{
     width: 100%;
     padding: 12px 0;
     text-align: center;
@@ -1121,5 +1088,16 @@ export default {
     .el-button{
         width: 80px;
     }
+}
+    
+.l-title{
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+  font-size: 14px;
+  color: #333;
+  img{
+    margin-right: 5px;
   }
+}
 </style>

src/router/routes.js

@@ -13,7 +13,22 @@ const frameIn = [
         meta: { title: "首页" },
         children: []
     },
-
+    {
+        path: "/setting",
+        name: "setting",
+        redirect: {
+            name: `/setting-person`
+        },
+        component: BasicLayout,
+        children: [
+            {
+                name: `setting-person`,
+                path: `person`,
+                component: () => import("@/pages/setting/list"),
+                meta: { title: "个人中心" }
+            }
+        ]
+    }
 ];
 
 /**
@@ -34,14 +49,6 @@ const frameOut = [
         path: "/redirect",
         name: "redirect",
         component: () => import("@/pages/account/redirect")
-    },
-    {
-        path: "/setting/person",
-        name: "person",
-        meta: {
-            title: "个人中心"
-        },
-        component: () => import("@/pages/setting/list")
     }
 ];
 

src/styles/common.scss

@@ -17,7 +17,7 @@
 ::-webkit-scrollbar-thumb {
   width: 5px;
   border-radius: 6px;
-  background: rgba(146, 120, 255, .7);
+  background: #d7d7d7;
 }
 
 .flex-between {