hfysite/components/footer/defaultFooter.vue

<template>
  <div class='content footer'>
    <div class='conBox'>

      <div class='footer-list'>
        <div class="footerItem"
             v-for="(item,i) in footers"
             :key="'footer-'+item.key"
        >
          <div class="title">{{lang===langType.cn?item.title:getAbbrText(item.title)}}</div>
          <a
            v-for="(subItem,subI) in item.items"
            :key="`footer-${item.key}-item-${subI}`"
            :href="subItem.src"
            class="footer-list-item">
            {{lang===langType.cn?subItem.text:getAbbrText(subItem.text)}}
          </a>
        </div>
        </div>
      </div>
      <div class="bg">

      </div>
  </div>
</template>

<script>
import langMap from "~/map/langMap";
export default {
  name:"defaultFooter",
  props:{
    lang:{
      default: langMap.lang.cn
    },
  },
  data(){
    return {
      langType: langMap.lang,
      footers:[
        {
          title: "关于我们",
          key: 'about us',
          items: [
            {
              text: '公司简介',
              src: '/about',
            },
            {
              text: '招贤纳士',
              src: '/jobs',
            },
            {
              text: '产品购买',
              src: '/buy',
              showType: 2,
              show: '产品购买服务请联系  刘工15817487997微信同号'
            },
            {
              text: '诚招代理',
              src: '/agency',
            },
            {
              text: '联系我们',
              src: '/contact',
            }
          ],
        },
        {
          title: "智能产品",
          key: 'product',
          items: [
            {
              text: '公司简介',
              src: '/about',
            },
            {
              text: '招贤纳士',
              src: '/jobs',
            },
            {
              text: '产品购买',
              src: '/buy',
              showType: 2,
              show: '产品购买服务请联系  刘工15817487997微信同号'
            },
            {
              text: '诚招代理',
              src: '/agency',
            },
            {
              text: '联系我们',
              src: '/contact',
            }
          ],
        },
        {
          title: "服务与支持",
          key: 'support',
          items: [
            {
              text: '公司简介',
              src: '/about',
            },
            {
              text: '招贤纳士',
              src: '/jobs',
            },
            {
              text: '产品购买',
              src: '/buy',
              showType: 2,
              show: '产品购买服务请联系  刘工15817487997微信同号'
            },
            {
              text: '诚招代理',
              src: '/agency',
            },
            {
              text: '联系我们',
              src: '/contact',
            }
          ],
        },
        {
          title: "快速链接",
          key: 'quick',
          items: [
            {
              text: '管理平台',
              src: 'https://gpscore.net/',
            },
          ],
        },
        {
          title: "选择语言",
          key: 'Languages',
          items: [
            {
              text: '中文',
              src: '/',
            },
            {
              text: 'en',
              src: '/index_en',
            },
          ],
        },
      ]
    }
  },
  methods: {
    getLangText(str) {
      return langMap.getText(this.lang, str);
    },
    getAbbrText(str) {
      return langMap.getAbbrText(this.lang, str);
    },
  }
}
</script>

<style>

</style>