<template>
      <el-footer class="footer">
            <div class="ft-inner">
                <div class="address">Copyright © 2014-{{ currentYear }} vschool100.com All Rights Reserved.</div>
                <div class="other-info">
                    建议使用IE8及以上版本浏览器&nbsp;深圳市微校互联科技有限公司版权所有&nbsp;&nbsp;
                    <a href="http://www.beian.miit.gov.cn/" target="_blank">粤ICP备18019054号-1</a>
                </div>
            </div>
        </el-footer>
</template>

<script>
export default {
    name: 'VFooter',
    props: {},
    data () {
        return { }
    },
    computed: {
        currentYear () {
            return new Date().getFullYear()
        }
    }
}
</script>

<style lang="less" scoped>
.footer {
    height: 100px !important;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    padding-top: 25px;
    box-sizing: border-box;
    .other-info {
        text-align: center;
        color: #999;
        font-size: 12px;
        a {
                color: #999;
        }
    }
    .address {
        text-align: center;
        color: #999;
        font-size: 12px;
        margin-bottom: 10px;
    }
}
</style>
