cgaii_official_en/src/pages/layout/footer.vue

<template>
  <div class="f-layout">
    <div>
      <span>{{footer.phoneK}}</span>
      <span>{{footer.phoneV}}</span>
    </div>
    <div>{{footer.copyRight}}</div>
    <a href="http://www.beian.miit.gov.cn">{{footer.banben}}</a>
  </div>
</template>

<script>
import cn from '@/util/text/cn.js'

let {footer} = cn
export default {
  data () {
    return {
      footer
    }
  }
}
</script>

<style scoped>
.f-layout{
  text-align: center;
  width: 80%;
  margin: 0 auto;
  line-height: 2.5;
  border-top: 1px solid #ccc;
  padding: 60px 0;
}
.f-layout a{
  color: #000;
}
@media screen and (max-width: 380px) {
  .f-layout{
    font-size: 14px;
  }
}
</style>