首页banner等完善

src/pages/index/list/index.vue

@@ -212,10 +212,16 @@ export default {
                     url(../../../assets/img/index/banner1.png) 0 0/100% 100% no-repeat;
     }
     .banner-bg2 {
-        background: url(../../../assets/img/index/banner2.png) 0 0/100% 100% no-repeat;
+        background: url(../../../assets/img/index/banner2-1.png) (34px 46px)/auto no-repeat,
+                    url(../../../assets/img/index/banner2-2.png) (0 0)/auto no-repeat,
+                    #f9faff url(../../../assets/img/index/banner2.png) top right/auto no-repeat;
     }
     .banner-bg3 {
-        background: url(../../../assets/img/index/banner3.png) 0 0/100% 100% no-repeat;
+        background: url(../../../assets/img/index/banner3-2.png) (30% 0)/auto no-repeat,
+                    url(../../../assets/img/index/banner3-3.png) (28px 12px)/auto no-repeat,
+                    url(../../../assets/img/index/banner3-4.png) (90% 10px)/auto no-repeat,
+                    url(../../../assets/img/index/banner3-5.png) (top right)/auto no-repeat,
+                    url(../../../assets/img/index/banner3.png) 0 0/100% 100% no-repeat;
     }
     .i-title{
         z-index: 1;

src/pages/info/list/index.vue

@@ -264,8 +264,9 @@ export default {
                     width: calc(100% - 260px);
                     padding: 20px 24px;
                     .title{
-                        font-size: 22px;
+                        font-size: 20px;
                         color: #0B1D30;
+                        font-weight: 500;
                         overflow: hidden;
                         text-overflow:ellipsis;
                         white-space: nowrap;

src/pages/match/list/index.vue

@@ -500,8 +500,8 @@ export default {
                     margin-left: 16px;
                     .title {
                         margin: 5px 0 15px;
-                        font-size: 16px;
+                        font-size: 20px;
-                        font-weight: 600;
+                        font-weight: 500;
                         color: #0B1D30;
                     }
                     .metas {

src/pages/setting/person/index.vue

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

src/pages/setting/person/info.vue

@@ -2,7 +2,7 @@
     <div>
         <div class="scroll">
             <div class="page">
-                <h6 class="l-title"><img src="@/assets/img/info1.png" alt=""> 用户信息</h6>
+                <h6 class="l-title"><img src="@/assets/img/info1.png" alt=""> 基本信息</h6>
                 <div class="page-content">
                     <ul class="list">
                         <div class="line info">
@@ -819,118 +819,115 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-    .scroll{
+.scroll{
-        height: calc(100vh - 202px);
+    max-height: calc(100vh - 125px);
-        overflow: auto;
+    overflow: auto;
+}
+.page{
+    margin-bottom: 12px;
+    /deep/.el-input__inner{
+        border-color: #CACFDB;
     }
-    .page{
+    .list{
-        margin-bottom: 12px;
+        .line{
-        /deep/.el-input__inner{
+            display: flex;
-            border-color: #CACFDB;
+            margin-bottom: 24px;
-        }
+            &.info li:not(.selects){
-        .list{
-            .line{
-                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;
-                }
-            }
-            li{
-                display: inline-flex;
-                align-items: center;
-                &>label{
-                    width: 100px;
-                    margin-right: 5px;
-                    text-align: right;
-                    font-size: 14px;
-                    color: #4c4c4c;
-                }
                 .el-input{
-                    width: 220px;
+                    flex: 1;
-                    .el-input__inner{
-                        border-color: #CACFDB;
-                    }
-                }
-                .el-select .el-input.is-disabled .el-input__inner{
-                    border-color: #ddd;
                 }
-                .val{
+            }
-                    margin-right: 15px;
+            &.imp li{
-                    color: #606266;
+                &:nth-child(odd) {
-                    font-size: 14px;
+                    width: 360px;
-                }
+                    margin-right: 64px;
-                .mul{
-                    display: inline-flex;
-                    .child{
-                        display: inline-flex;
-                        width: 132px;
-                        margin-right: 10px;
-                        &>span{
-                            margin-bottom: 5px;
-                            font-size: 14px;
-                            color: #575757;
-                        }
-                    }
                 }
             }
         }
-        .archives{
+        .el-input, .el-select{
-            position: relative;
+            width: 220px;
-            width: 862px;
+            .el-input__inner{
-            padding: 16px 0;
+                border-color: #CACFDB;
-            margin-bottom: 6px;
-            border-radius: 4px;
-            background-color: #FAFAFA;
-            .del{
-                position: absolute;
-                top: 80px;
-                right: 19px;
-                cursor: pointer;
             }
-            .line {
+        }
-                justify-content: space-between;
+        li{
-            }
+            display: inline-flex;
-            li{
+            align-items: center;
-                margin-right: 60px;
+            &>label{
+                width: 100px;
+                margin-right: 5px;
+                text-align: right;
+                font-size: 14px;
+                color: #4c4c4c;
             }
-            .el-select{
+            .el-select {
                 flex: 1;
             }
-        }
+            .el-select .el-input.is-disabled .el-input__inner{
-        .fold{
+                border-color: #ddd;
-            margin-top: 20px;
+            }
-            text-align: center;
+            .val{
-            font-size: 12px;
+                margin-right: 15px;
-            color: #006EFF;
+                color: #606266;
-            span{
+                font-size: 14px;
-                cursor: pointer;
+            }
-                i{
+            .mul{
-                    transition: .5s;
+                display: inline-flex;
-                }
+                .child{
-                &.active i{
+                    display: inline-flex;
-                    transform: rotate(180deg);
+                    width: 132px;
+                    margin-right: 10px;
+                    &>span{
+                        margin-bottom: 5px;
+                        font-size: 14px;
+                        color: #575757;
+                    }
                 }
             }
+            &:nth-child(odd) {
+                width: 325px;
+                margin-right: 100px;
+            }
+        }
+    }
+    .archives{
+        position: relative;
+        width: 862px;
+        padding: 16px 0;
+        margin-bottom: 6px;
+        border-radius: 4px;
+        background-color: #FAFAFA;
+        .del{
+            position: absolute;
+            top: 80px;
+            right: 19px;
+            cursor: pointer;
         }
     }
-    .btns{
+    .fold{
-        width: 100%;
+        margin-top: 20px;
-        padding: 12px 0;
         text-align: center;
-        background-color: #fff;
+        font-size: 12px;
-        box-shadow: 0px 0px 10px 0px rgba(188, 201, 218, 0.4);
+        color: #006EFF;
-        .el-button{
+        span{
-            width: 80px;
+            cursor: pointer;
+            i{
+                transition: .5s;
+            }
+            &.active i{
+                transform: rotate(180deg);
+            }
         }
     }
+}
+.btns{
+    width: 100%;
+    padding: 12px 0;
+    text-align: center;
+    background-color: #fff;
+    box-shadow: 0px 0px 10px 0px rgba(188, 201, 218, 0.4);
+    .el-button{
+        width: 80px;
+    }
+}
 </style>