<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>