mall4pc-bbc/components/footer.vue

<template>
  <!-- 底部 -->
    <div class="foot">
      <div class="foot-box" :style='{width:language == "en"?"1400px":""}'>
        <div class="company-msg">
          <img class="img" v-if="webConfigData.pcLogoImg" :src="webConfigData.pcLogoImg"/>
          <div class="name">{{ $t('language')=='zh'?webConfigData.pcCompanyNameCn:webConfigData.pcCompanyNameEn}}</div>
          <div class="web" v-for="(itemInfo,index) in webConfigData.pcCompanyInfoLang" :key='index'>{{itemInfo}}</div>
        </div>
        <div class="right">
          <div class="item official-code" v-if="webConfigData.pcQrcodeImg" >
            <div class="img"><img :src="webConfigData.pcQrcodeImg"
                                  alt=""></div>
            <div class="text">{{ $t('commonFoot.scanTheCodeToFollowUs') }}</div>
          </div>
          <div class="item service" :style='{width:language == "en"?"125px":""}'>
            <div class="tit">{{ $t('commonFoot.serviceGuarantee') }}</div>
            <div class="con">
              <div class="text">{{ $t('commonFoot.genuineGuarantee') }}</div>
              <div class="text">{{ $t('commonFoot.sevenDayreturn') }}</div>
              <div class="text">{{ $t('commonFoot.sevenDayservice') }}</div>
            </div>
          </div>
          <div class="item service" :style='{width:language == "en"?"125px":""}'>
            <div class="tit">{{ $t('commonFoot.paymentMethod') }}</div>
            <div class="con">
              <div class="text">{{ $t('commonFoot.onlinePayment') }}</div>
              <div class="text">{{ $t('commonFoot.cashOnDelivery') }}</div>
              <div class="text">{{ $t('commonFoot.offlinePayment') }}</div>
            </div>
          </div>
          <div class="item service" :style='{width:language == "en"?"125px":""}'>
            <div class="tit">{{ $t('commonFoot.memberServices') }}</div>
            <div class="con">
              <div class="text">{{ $t('commonFoot.freeRegistration') }}</div>
              <div class="text">{{ $t('commonFoot.retrievePassword') }}</div>
              <div class="text">{{ $t('commonHead.personalCenter') }}</div>
            </div>
          </div>
          <div class="item service" :style='{width:language == "en"?"125px":""}'>
            <div class="tit">{{ $t('commonFoot.logisticsServices') }}</div>
            <div class="con">
              <div class="text">{{ $t('commonFoot.freeShippingOnProducts') }}</div>
              <div class="text">{{ $t('commonFoot.courierDelivery') }}</div>
              <div class="text">EMS</div>
            </div>
          </div>
        </div>
      </div>
      <div class="copyright" >{{$t('language')=='zh'?webConfigData.pcCopyrightCn:webConfigData.pcCopyrightEn}}</div>
<!--      <div class="copyright">©Copyright 2018 广州市蓝海创新科技有限公司 版权所有 | 粤ICP备18115813号-1</div>-->
    </div>
  <!-- /底部 -->
</template>

<script>
export default {
  data(){
    return{
      webConfigData: {},
      language: this.$store.state.locale
    }
  },
  mounted () {
    this.webConfigData = JSON.parse(localStorage.getItem('webConfig') || '{}')
    if(this.$t('language') == 'zh'){
      this.webConfigData.pcCompanyInfoLang = this.webConfigData.pcCompanyInfoCn ? this.webConfigData.pcCompanyInfoCn.split('\n'):[]
    }else{
      this.webConfigData.pcCompanyInfoLang = this.webConfigData.pcCompanyInfoEn ? this.webConfigData.pcCompanyInfoEn.split('\n'):[]
    }
  }
}
</script>

<style scoped>

</style>