From 6cecc3bfd10edaf336898d84a28db1bc27719e01 Mon Sep 17 00:00:00 2001
From: duxianjin <1960116313@qq.com>
Date: Wed, 8 Mar 2023 18:17:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E7=89=88=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html         |  2 +-
 src/assets/css/style.css  |  2 +-
 src/components/header.vue | 12 +++++++++++-
 src/router/index.js       |  7 ++++++-
 src/views/home.vue        | 34 ++++++++++------------------------
 5 files changed, 29 insertions(+), 28 deletions(-)
diff --git a/public/index.html b/public/index.html
index 874e52a..a4ca92f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
+  <meta name="viewport" content="width=device-width,initial-scale=1">
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
   <title>山东青鸟工业互联网</title>
 </head>
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 6739274..7704b2d 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -27,7 +27,7 @@ ol {
 }
 
 .modelWidth {
-    width: 80%;
+    width: 1200px;
     margin: 0 auto;
 }
 
diff --git a/src/components/header.vue b/src/components/header.vue
index 57984c4..08a5e28 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -80,7 +80,7 @@
 <script>
 export default {
   name: "Header",
-  // props: ["activeIndex"],
+  props: ["activeIndex"],
   data() {
     return {
       navList: ["首页", "产品与服务", "解决方案", "新闻中心", "关于我们"],
@@ -162,6 +162,16 @@ export default {
     //跳转导航
     hanldeNav(index) {
       this.activeIndex = index;
+      if (index == 4) {
+        this.$router.push({
+          path: "/aboutUs",
+        });
+      }
+      if (index == 0) {
+        this.$router.push({
+          path: "/",
+        });
+      }
     },
     //产品服务
     handleServe(index) {
diff --git a/src/router/index.js b/src/router/index.js
index 273cfc4..3cd3869 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,7 +1,7 @@
 import Vue from "vue";
 import VueRouter from "vue-router";
 import HomeView from "../views/home.vue";
-
+import AboutUs from "../views/aboutUs.vue";
 Vue.use(VueRouter);
 
 const routes = [
@@ -10,6 +10,11 @@ const routes = [
     name: "home",
     component: HomeView,
   },
+   {
+    path: "/aboutUs",
+    name: "aboutUs",
+    component: AboutUs,
+  },
 ];
 
 const router = new VueRouter({
diff --git a/src/views/home.vue b/src/views/home.vue
index 88c5532..c6da4a3 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="home">
+  <div>
     <top :activeIndex="activeIndexs"></top>
     <div class="ban">
       <el-carousel height="500px" autoplay>
@@ -125,7 +125,7 @@
           <div class="solutabscontent">
             <div class="left">
               <el-image
-                style="width: 100%; height: 400px"
+                style="width: 40vw; height: 400px"
                 :src="require('@/assets/img/home/content.png')"
               ></el-image>
             </div>
@@ -158,7 +158,6 @@
     <div
       class="box-style"
       style="
-        width: 100%;
         height: 730px;
         background: #2b2d3a;
         padding-top: 60px;
@@ -227,12 +226,7 @@
     <!-- 新闻中心 -->
     <div
       class="box-style"
-      style="
-        width: 100%;
-        background: #e5eff9;
-        padding-top: 60px;
-        padding-bottom: 40px;
-      "
+      style="background: #e5eff9; padding-top: 60px; padding-bottom: 40px"
     >
       <div class="box-style-box">
         <headline heading="新闻中心" footing="News Center" />
@@ -271,22 +265,14 @@
     <!-- 合作客户 -->
     <div
       class="box-style"
-      style="
-        width: 100%;
-        background: #fff;
-        padding-top: 60px;
-        padding-bottom: 40px;
-      "
+      style="background: #fff; padding-top: 60px; padding-bottom: 40px"
     >
       <div class="box-style-box">
         <headline heading="合作客户" footing="Solution" />
         <div class="partner">
           <div class="partner-left">
             <div>
-              <img
-                style="width: 100%; height: 400px"
-                :src="require('@/assets/img/home/hb.png')"
-              />
+              <img :src="require('@/assets/img/home/hb.png')" />
             </div>
           </div>
           <div class="partner-right-box">
@@ -320,8 +306,8 @@ export default {
   },
   data() {
     return {
-      activeIndexs: 0,
       solutabsIndex: "1",
+      activeIndexs: 0,
       saas: [
         {
           name: "1",
@@ -579,14 +565,14 @@ export default {
 }
 //详情
 .box-style {
-  width: 100%;
-
+  width: 1200px;
+  margin: 0 auto;
   .box-style-box {
     width: 100%;
 
     // 工业SaaS平台
     .detail {
-      width: 70%;
+      width: 100%;
       margin: 0px auto;
       padding-bottom: 80px;
       display: flex;
@@ -658,7 +644,7 @@ export default {
 
     // 解决方案
     .solutabs {
-      width: 70%;
+      width: 100%;
       margin: 0px auto;
       .el-menu-demo {
         display: flex;
