You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
2.2 KiB
84 lines
2.2 KiB
<template> |
|
<div class="home_view"> |
|
<div class="homeback"> |
|
<div class="homeHeader flex-between"> |
|
<div class="logo flex-center"> |
|
<!-- 非凡 --> |
|
<!-- <img src="../../assets/img/ff-icon.png" class="ff-icon"> --> |
|
<!-- 大庆 --> |
|
<img src="../../assets/img/logo.png"> |
|
<span>智慧管理平台</span> |
|
</div> |
|
<span class="aboutUs">关于我们</span> |
|
</div> |
|
<div class="homeLogin"> |
|
<el-button @click="tologin">登录</el-button> |
|
</div> |
|
</div> |
|
<Foot></Foot> |
|
</div> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
methods:{ |
|
tologin(){ |
|
this.$router.push('login') |
|
} |
|
} |
|
|
|
} |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
.home_view{ |
|
width: 100%; |
|
height: 100%; |
|
.homeback{ |
|
width: 100%; |
|
height: 100%; |
|
overflow:hidden; |
|
// background: url('../../assets/img/login-bg.jpg'); |
|
background: url('https://www.feifanhitech.com/enclosureFile/42965894b3304076login-bg.jpg');// 大庆 |
|
// background: url('https://www.huorantech.cn/enclosureFile/33b4c87c7e424d34background.png');// 非凡 |
|
background-size: 100% 100%; |
|
position: relative; |
|
.homeHeader{ |
|
width: 100%; |
|
height: 60px; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
color: #fff; |
|
.logo{ |
|
margin-left: 140px; |
|
img{ |
|
// 非凡需要注释掉宽高 |
|
width: 45px; |
|
height: 34px; |
|
margin-right: 9px; |
|
} |
|
} |
|
.aboutUs{ |
|
margin-right: 140px; |
|
cursor: pointer; |
|
} |
|
} |
|
.homeLogin{ |
|
position: absolute; |
|
bottom: 100px; |
|
left: 50%; |
|
transform: translate(-50%,0); |
|
|
|
} |
|
} |
|
} |
|
|
|
.homeLogin /deep/ .el-button{ |
|
padding: 10px 70px; |
|
color: #fff; |
|
font-size: 20px; |
|
background-color: rgba(255,255,255,.6); |
|
border-radius: 8px; |
|
} |
|
</style> |