<template>
  <div class="main">
    <!--    <userStatus />-->
    <!-- <h1>首页</h1> -->
    <!--    <img class="h1" src="../../assets/img/h1.png" />-->
    <Header :headerObj="{title:'中科软养老大数据分析平台', index: '9'}"/>
    <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>
