.

src/App.vue

@@ -100,7 +100,7 @@ function goPath(info) {
     min-width: 1400px;
 }
 header {
-    height: 169px;
+    height: 90px;
     background-color: #0c151b;
     position: sticky;
     top: 0;
@@ -108,7 +108,7 @@ header {
 
     .header-box {
         .f();
-        height: 169px;
+        height: 90px;
         padding: 0 50px 0 135px;
         justify-content: space-between;
         .logo {
@@ -120,12 +120,12 @@ header {
             .menu-item {
                 font-size: 22px;
                 color: #fff;
-                width: 200px;
+                width: 180px;
                 cursor: pointer;
                 text-align: center;
                 span {
                     padding: 0 10px;
-                    line-height: 75px;
+                    line-height: 60px;
                     position: relative;
                     display: inline-block;
                 }
@@ -150,7 +150,7 @@ header {
     }
 }
 .main {
-    min-height: calc(100vh - 334px - 169px);
+    min-height: calc(100vh - 334px - 90px);
 }
 footer {
     background: #060e20;

src/styles/main.less

@@ -3,8 +3,10 @@ body,
     margin: 0;
     padding: 0;
 }
-body{
+body {
     overflow: hidden;
+    font-family: BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', miui,
+        'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
 }
 #app {
     overflow: auto;

src/views/ConnectView.vue

@@ -21,7 +21,7 @@
 .contet {
     background-color: #fff;
     padding: 157px 169px 85px;
-    min-height: calc(100vh - 334px - 169px);
+    min-height: calc(100vh - 334px - 90px);
     box-sizing: border-box;
 }