FE_huoran_data/src/layouts/footer/index.vue

<!--
 * @Author: Yujialong
 * @Date: 2021-11-03 14:33:21
 * @LastEditTime: 2021-11-04 14:00:37
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
-->
<template>
    <div class="footer">
        <div class="info">
            <!-- <span class="m-r-20">客服邮箱：service@huorantech.cn</span> -->
            <span>联系人：郭经理  17671782660</span>
        </div>
        <div class="copyright">
            <span>© Copyright 2021 Dataforward 数据前瞻</span>
            <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20072679号</a>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            
        };
    },
    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>