92 lines
1.9 KiB
Vue
92 lines
1.9 KiB
Vue
<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>
|