fix:修改版心

2 years ago · 6cecc3bfd1
5 changed files with 29 additions and 28 deletions
--- 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>
--- 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;
 }

--- 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) {
--- 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({
--- 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;