<template>
  <div class="footer cl">
    <div class="contact auto ovh">
      <img class="l logo" src="../assets/logo2.png" alt="logo">
      <div class="l contact-item">
        <div class="f22 g3 tl mt20">广州乐玩信息科技有限公司</div>
        <ul class="g6 f16 contact-detail ovh mt5">
          <li class="l">公司地址：广州市海珠区南丰汇15楼</li>
          <li class="l split">|</li>
          <li class="l">联系电话：<a class="g6" href="tel:020-88888888">020-89636359</a></li>
          <li class="l split">|</li>
          <li class="l">联系邮箱：<a class="g6" href="mailto:kefu@llewan.com">liangjinhui@llewan.com</a></li>
        </ul>
      </div>
    </div>
    <div class="split-line"></div>
    <div class="copyright f18 g3 mt30">Copyright © {{year}} 广州乐玩信息科技有限公司&nbsp;&nbsp;&nbsp;版权所有 All Rights Reserve.</div>
    <div class="f18 g3 mt1 icp auto"><a class="f18 g3" href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备17088117号-2</a></div>
  </div>
</template>

<script>
export default {
  name: 'PageFooter',
  props: {
    msg: String
  },
  data () {
    return {
      year: new Date().getFullYear()
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.footer {
  padding: 68px 0;
  background: rgb(245,246,249);
  .logo {
    width: 208px;
    height: 80px;
  }
  .contact {
    width: 1110px;
    .split {
      margin: 0 42px;
    }
  }
  .contact-item {
    margin-left: 30px;
  }
  .contact-detail {
    padding: 0;
  }
  .split-line {
    width: 1000px;
    margin: 70px auto 0 auto;
    border-bottom: 1px solid rgba($color: #333333, $alpha: 0.2);
  }
  .icp {
    background: url('../assets/icon-police.png') no-repeat left center / 14px 16px;
    width: 215px;
  }
}
</style>
