.

src/App.vue

@@ -112,20 +112,20 @@ header {
         padding: 0 50px 0 135px;
         justify-content: space-between;
         .logo {
-            width: 274px;
+            width: 230px;
         }
 
         .menus {
             .f();
             .menu-item {
-                font-size: 22px;
+                font-size: 18px;
                 color: #fff;
                 width: 180px;
                 cursor: pointer;
                 text-align: center;
                 span {
                     padding: 0 10px;
-                    line-height: 60px;
+                    line-height: 50px;
                     position: relative;
                     display: inline-block;
                 }
@@ -138,10 +138,11 @@ header {
                             content: '';
                             position: absolute;
                             bottom: 0;
-                            left: 0;
-                            width: 100%;
+                            left: 50%;
+                            width: 50%;
                             height: 3px;
                             background: #00ff12;
+                            transform: translateX(-50%);
                         }
                     }
                 }
@@ -150,11 +151,11 @@ header {
     }
 }
 .main {
-    min-height: calc(100vh - 334px - 90px);
+    min-height: calc(100vh - 297px - 90px);
 }
 footer {
     background: #060e20;
-    padding: 72px 380px 42px;
+    padding: 52px 380px 18px;
     color: #fff;
     .footer {
         height: 140px;
@@ -223,13 +224,12 @@ footer {
             .menus {
                 .menu-item {
                     width: 150px;
-                    font-size: 18px;
                 }
             }
         }
     }
     footer {
-        padding: 72px 100px 42px;
+        padding: 52px 100px 18px;
     }
 }
 </style>

src/views/AboutView.vue

@@ -29,12 +29,14 @@
 .page {
     background-color: #f3f3f3;
     box-sizing: border-box;
-    padding: 0 135px 0;
+    padding: 35px 94px 47px;
 }
 
 .contet {
     background-color: #fff;
     padding: 0 169px 85px;
+
+    box-shadow: 0px 0px 10px 0px rgba(218, 218, 218, 0.73);
 }
 
 .detail {
@@ -45,7 +47,7 @@
 
 @media screen and(max-width:1600px) {
     .page {
-        padding: 0 60px;
+        padding: 30px 50px;
     }
 
     .contet {

src/views/ConnectView.vue

@@ -20,12 +20,12 @@
 .page {
     background-color: #f3f3f3;
     box-sizing: border-box;
-    padding: 0 135px 0;
+    padding: 70px 87px 92px;
 }
 
 .contet {
     background-color: #fff;
-    min-height: calc(100vh - 334px - 90px);
+    min-height: calc(100vh - 297px - 90px);
     box-sizing: border-box;
     .f();
     align-items: stretch;
@@ -36,13 +36,13 @@
 }
 
 .text1 {
-    font-size: 30px;
+    font-size: 18px;
     color: #0c151b;
     line-height: 29px;
     .f-col();
 
     span {
-        font-size: 24px;
+        font-size: 16px;
         color: #0ecb00;
         line-height: 29px;
         margin-top: 32px;
@@ -50,29 +50,29 @@
 }
 
 .text2 {
-    font-size: 26px;
+    font-size: 18px;
     color: #0c151b;
     line-height: 25px;
-    margin-top: 100px;
+    margin-top: 69px;
 }
 .content-left {
-    width: 199px;
+    width: 169px;
     background-color: #0c151b;
     flex-shrink: 0;
-    padding: 35px 0;
+    padding: 40px 0;
     .menu {
-        height: 76px;
+        height: 62px;
         background: #00dd0b;
-        font-size: 30px;
+        font-size: 24px;
         font-weight: 400;
         color: #ffffff;
-        line-height: 76px;
+        line-height: 62px;
         text-align: center;
     }
 }
 @media screen and(max-width:1600px) {
     .page {
-        padding: 0 60px;
+        padding: 50px;
     }
 
     .contet-right {

src/views/NewsView.vue

@@ -1,6 +1,9 @@
 <template>
     <div class="page">
         <div class="contet">
+            <div class="news-title">
+                <div class="news-text">公司资讯</div>
+            </div>
             <div class="news-info" v-for="item in list" :key="item.id" @click="goDetail(item)">
                 <div class="text1">{{ item.title }}</div>
                 <div class="text2">{{ item.createdAt }}</div>
@@ -55,10 +58,31 @@ function goDetail(info) {
 </script>
 
 <style lang="less" scoped>
+.news-title {
+    height: 120px;
+    .f();
+    justify-content: center;
+    .news-text {
+        font-size: 24px;
+        font-weight: bold;
+        color: #00d80a;
+        line-height: 29px;
+        position: relative;
+        &::after {
+            content: '';
+            width: 61px;
+            height: 3px;
+            background: #00d80a;
+            position: absolute;
+            bottom: -11px;
+            left: 50%;
+            margin-left: -30px;
+        }
+    }
+}
 .page {
     background-color: #f3f3f3;
     box-sizing: border-box;
-    padding: 39px 135px 0;
 }
 
 .contet {
@@ -66,13 +90,13 @@ function goDetail(info) {
 }
 
 .news-info {
-    height: 148px;
+    height: 111px;
     .f();
     padding: 0 89px 0 100px;
     justify-content: space-between;
     cursor: pointer;
     .text1 {
-        font-size: 30px;
+        font-size: 18px;
         font-weight: bold;
         color: #11140a;
         line-height: 29px;
@@ -84,15 +108,13 @@ function goDetail(info) {
     }
 
     .text2 {
-        font-size: 30px;
+        font-size: 18px;
         color: #999999;
         line-height: 29px;
         flex-shrink: 0;
     }
 
-    &:not(:last-child) {
-        border-bottom: 1px solid #f8f8f8;
-    }
+    border-top: 1px solid #f8f8f8;
 }
 
 .pagination {
@@ -104,10 +126,4 @@ function goDetail(info) {
     //     --el-pagination-hover-color
     // }
 }
-
-@media screen and(max-width:1600px) {
-    .page {
-        padding: 39px 60px;
-    }
-}
 </style>

src/views/VideoView.vue

@@ -35,12 +35,12 @@ onMounted(() => {
 .page {
     background-color: #f3f3f3;
     box-sizing: border-box;
-    padding: 39px 135px 0;
+    // padding: 39px 135px 0;
 }
 
 .contet {
     background-color: #fff;
-    padding: 84px 100px 100px;
+    padding: 40px 100px 100px;
 }
 
 .detail {
@@ -50,10 +50,10 @@ onMounted(() => {
 }
 
 .title {
-    font-size: 32px;
+    font-size: 24px;
     font-weight: bold;
     color: #11140a;
-    line-height: 32px;
+    line-height: 24px;
 }
 
 .video {
@@ -66,14 +66,14 @@ onMounted(() => {
     margin-top: 64px;
 }
 .video-tips {
-    height: 185px;
+    height: 125px;
     background: #ffffff;
     box-shadow: 0px 0px 10px 0px rgba(218, 218, 218, 0.73);
     .f();
     padding: 0 35px;
     .text1 {
         flex-grow: 1;
-        font-size: 30px;
+        font-size: 18px;
         font-weight: bold;
         color: #333333;
         line-height: 48px;
@@ -81,7 +81,7 @@ onMounted(() => {
     }
 
     .text2 {
-        font-size: 24px;
+        font-size: 18px;
         color: #9c9c9c;
         white-space: nowrap;
     }
@@ -93,7 +93,7 @@ onMounted(() => {
     }
 
     .contet {
-        padding: 50px 50px 50px;
+        padding: 40px 50px 50px;
     }
 }
 </style>

vite.config.js

@@ -5,18 +5,18 @@ import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+    plugins: [vue()],
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url))
+        }
+    },
+    css: {
+        preprocessorOptions: {
+            less: {
+                javascriptEnabled: true,
+                additionalData: '@import "@/styles/common.less";'
+            }
+        }
     }
-  },
-  css: {
-    preprocessorOptions: {
-      less: {
-        javascriptEnabled: true,
-        additionalData: '@import "@/styles/common.less";'
-      }
-    }
-  }
 })