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.
56 lines
1.4 KiB
56 lines
1.4 KiB
2 years ago
|
<template>
|
||
|
|
<div class="footer">
|
||
|
|
<div class="info" v-if="isIndex">
|
||
|
|
<span class="m-r-20">客服邮箱：service@huorantech.cn</span>
|
||
|
|
</div>
|
||
|
|
<div class="copyright">
|
||
|
|
<span v-if="isIndex">© Copyright 2021 Occupation Lab 职站</span>
|
||
|
|
<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20072679号</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import Setting from "@/setting";
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
isIndex: this.$route.path !== '/login' && Setting.whiteList.some(e => e === this.$route.path) // 官网3个页面才能显示邮箱和版权号
|
||
|
|
};
|
||
|
|
},
|
||
|
|
mounted(){
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.footer{
|
||
|
|
padding: 17px 0 9px;
|
||
|
|
text-align: center;
|
||
|
|
background-color: #0F1D2E;
|
||
|
|
.info{
|
||
|
|
margin-bottom: 7px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 20px;
|
||
|
|
color: #D7DFE7;
|
||
|
|
}
|
||
|
|
.copyright{
|
||
|
|
font-size: 12px;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 17px;
|
||
|
|
span{
|
||
|
|
margin-right: 20px;
|
||
|
|
color: #757F8A;
|
||
|
|
}
|
||
|
|
a{
|
||
|
|
color:#757F8A;
|
||
|
|
font-size: 12px;
|
||
|
|
&:hover{
|
||
|
|
color: #c7c7c7;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|