手机适配

src/components/GHeader.vue

@@ -184,4 +184,35 @@ const isLight = computed(() => locale.value !== 'En')
 .gc-header.light .right .icon-lang {
   filter: contrast(0.1);
 }
+
+@media screen and (max-width: 750px) {
+  .gc-header {
+    padding: 0 8px;
+  }
+
+  .gc-header .logo {
+    height: 24px;
+  }
+
+  .gc-header .nav-list {
+    margin: 0 16px;
+  }
+
+  .nav-list .btn {
+    min-width: 40px;
+    font-size: 14px;
+    margin-right: 16px;
+  }
+
+  .nav-list .btn .line {
+    width: 40px;
+    height: 2px;
+  }
+
+  .right .icon-lang {
+    width: 24px;
+    height: 24px;
+    margin-right: 8px;
+  }
+}
 </style>
\ No newline at end of file

src/style.css

@@ -6,6 +6,12 @@
   --layout-header-height: 80px;
 }
 
+@media screen and (max-width: 750px) {
+  :root {
+    --layout-header-height: 50px;
+  }
+}
+
 * {
   box-sizing: border-box;
   outline: none;