添加居住页面

src/components/header.vue

@@ -60,7 +60,8 @@ export default {
         },
         {
           index: "4",
-          title: "居住"
+          title: "居住",
+          path: "/live"
         },
         {
           index: "5",

src/pages/live/index.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="main">
+    <!--    <userStatus />-->
+    <!-- <h1>首页</h1> -->
+    <!--    <img class="h1" src="../../assets/img/h1.png" />-->
+    <Header :headerObj="{title:'深圳颐居养老大数据分析平台', index: '3'}"/>
+    <home></home>
+    <!--    <Nav />-->
+    <!--    <img class="b" src="../../assets/img/1.png" alt="" />-->
+  </div>
+</template>
+<script>
+import Header from '@/components/header'
+import home from './home.vue'
+import userStatus from "@/components/userStatus";
+import { Index } from "@/api/index";
+
+export default {
+  name: "index",
+  data: function () {
+    return {
+      param: {
+        startYear: "",
+        endYear: "",
+      },
+    };
+  },
+  created() {
+    this.param = {
+      startYear: "",
+      endYear: "",
+    };
+    // this.init();
+  },
+  components: {
+    Header,
+    home,
+    userStatus,
+  },
+  methods: {
+    init() {
+      this.getData();
+    },
+    getData() {
+      Index(this.param).then((res) => {
+        console.log(res);
+      });
+    },
+  },
+};
+</script>
+<style scoped lang="less">
+.main {
+  height: 100%;
+  background: url(../../assets/img/bigScreen/background.jpg) no-repeat;
+  background-size: 100% 100%;
+  /deep/ .modal,
+  /deep/ .el-icon-close {
+    display: none;
+  }
+  h1 {
+    font-size: 50px;
+    font-weight: 600;
+    padding-top: 50px;
+    text-align: center;
+    -webkit-line-clamp: 2;
+    background-image: -webkit-linear-gradient(bottom, #eefcff, #51dcfe);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+  .h1 {
+    position: absolute;
+    left: 50%;
+    margin-left: -509px;
+  }
+  //.b {
+  //  position: absolute;
+  //  bottom: 0;
+  //  width: 100%;
+  //  // animation:turn 10s linear infinite;
+  //}
+  @keyframes turn {
+    0% {
+      transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
+    }
+    100% {
+      transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
+    }
+  }
+}
+</style>

src/router.js

@@ -47,6 +47,15 @@ export default new Router({
         index: 0,
       }
     },
+    /*居住*/
+    {
+      path: '/live',
+      name: 'live',
+      component: () => import('@/pages/live/index'),
+      meta: {
+        index: 0,
+      }
+    },
     // 首页
     {
       path: '/home',