修改首页

src/layout/site.js

@@ -23,7 +23,7 @@ export const footInfo = {
 }
 // 菜单设置
 export const menuList = [
-  { _id: '1', title: '首页', href: 'home', English: 'Home', type: '0' },
+  // { _id: '1', title: '首页', href: 'home', English: 'Home', type: '0' },
   { _id: '2', title: '政策新闻', href: 'news', English: 'Policy News', type: '0' },
   { _id: '3', title: '新闻资讯', href: 'brain', English: 'News Information', type: '0' },
   { _id: '4', title: '供需商城', href: 'demand', English: 'Demand Mall', type: '0' },

src/views/index/index.vue

@@ -47,23 +47,32 @@
             </el-row>
           </div>
           <div class="two">
+            <el-row justify="center" align="middle">
+              <el-col class="list" :span="8" @click="switchMenu('home')">
+                <div class="bg"></div>
+                <div class="two_1">
+                  <text>{{ siteInfo.zhTitle }}</text>
+                </div>
+              </el-col>
+            </el-row>
+          </div>
+          <div class="thr">
             <el-row justify="center" align="middle">
               <el-col
                 class="list"
-                :span="8"
+                :span="6"
                 v-for="(item, index) in menuList"
                 :key="index"
                 @click="switchMenu(item)"
               >
-                <div class="bg"></div>
-                <div class="two_1">
-                  <text>{{ item.title }}</text>
-                  <text>{{ item.English }}</text>
+                <div class="thr_1">
+                  <div class="title">{{ item.title }}</div>
+                  <div class="English">{{ item.English }}</div>
                 </div>
               </el-col>
             </el-row>
           </div>
-          <div class="thr">
+          <div class="four">
             版权所有(C)2002-2024新一代信息技术孵化平台.All Rights Reserved.吉ICP备12029479号-2
           </div>
         </div>
@@ -199,6 +208,11 @@ const toLogout = () => {
       width: 1200px;
       min-width: 1200px;
       margin: 0 auto;
+      width: 100%;
+      position: absolute;
+      left: 50%;
+      top: 45%;
+      transform: translate(-50%, -50%);
 
       .list {
         position: relative;
@@ -207,8 +221,8 @@ const toLogout = () => {
 
         .bg {
           margin: 10px;
-          width: 250px;
-          height: 250px;
+          width: 400px;
+          height: 400px;
           z-index: 1;
           background-image: url(@/assets/homebg.png);
           background-position: center center;
@@ -219,8 +233,8 @@ const toLogout = () => {
 
         .two_1 {
           position: absolute;
-          top: 43%;
-          left: 25%;
+          top: 42%;
+          left: 34%;
           display: flex;
           flex-direction: column;
           align-items: center;
@@ -230,11 +244,7 @@ const toLogout = () => {
           text {
             font-size: 20px;
             color: #ffffff;
-          }
-
-          text:last-child {
-            margin: 5px 0 0 0;
-            font-size: 12px;
+            text-align: center;
           }
         }
 
@@ -245,8 +255,30 @@ const toLogout = () => {
         }
       }
     }
-
     .thr {
+      position: absolute;
+      left: 26%;
+      bottom: 90px;
+      .list {
+        margin: 10px 0;
+        .thr_1 {
+          font-family: PingFangSC-Semibold;
+          color: #fff;
+          margin-left: 14px;
+          text-align: center;
+          .title {
+            font-size: 19px;
+            font-weight: 600;
+          }
+          .English {
+            font-size: 12px;
+            font-weight: 400;
+          }
+        }
+      }
+    }
+
+    .four {
       width: 100%;
       position: absolute;
       bottom: 20px;