<template>
  <div class="footer-container">
    <!--<img src="../assets/images/footer.jpg" style="width:100%;position:relative;z-index:-1" alt="欣新房车，让生活更美好">-->
    <div class="footer">
      <div class="flex-aic-jcb" style="height: 200px;width: 100%;border-bottom: 1px solid #323737">
        <div class="flex-aic">
          <div class="footer-scan">
            <img src="https://mgmt.dfangche.com/xxfccn/image/home/webchat.jpg" alt="欣新房车，让生活更美好"/>
            <p class="ft-12 tc color-ccc">欣新房车微信公众号</p>
          </div>
          <div class="footer-scan">
            <img src="https://mgmt.dfangche.com/xxfccn/image/home/webchat_app.jpg" alt="欣新房车，让生活更美好"/>
            <p class="ft-12 tc color-ccc">欣新房车助手小程序</p>
          </div>
          <div class="footer-scan">
            <img src="https://mgmt.dfangche.com/xxfccn/image/qrcode/appQrcode.png" alt="欣新房车，让生活更美好"/>
            <p class="ft-12 tc color-ccc">滴房车App(欣新旗下)</p>
          </div>
        </div>
        <div class="r-contant">
          <div class="ft-30 flex-aic r-contant-i"><img src="https://mgmt.dfangche.com/xxfccn/image/home/phone.png" style="width: 30px;" alt="欣新房车，让生活更美好"/>4000-369-369</div>
          <div class="ft-16 flex-aic r-contant-i"><img src="https://mgmt.dfangche.com/xxfccn/image/home/address.png" alt="欣新房车，让生活更美好"/>广东省东莞市松山湖工业西路12号</div>
          <div class="ft-16 flex-aic r-contant-i"><img src="https://mgmt.dfangche.com/xxfccn/image/home/company.png" alt="欣新房车，让生活更美好"/>欣新房车控股集团（东莞）股份有限公司</div>
        </div>
      </div>
    </div>
    <div class=" flex-aic-jcc">
      <ul class="fri" v-if="listShow">
         <li v-for="(item,index) in list" :key="index">
           <!-- <nuxt-link :to="item.linkUrl">{{ item.name }}</nuxt-link> -->
           <a :href="item.linkUrl" :title="item.brief">{{ item.name }}</a>
           <span>|</span>
          </li>
        </ul>
    </div>
    <div class="link-f flex-aic-jcc">
      ©欣新房车控股集团（东莞）股份有限公司2019保留一切权利
      <span style="margin-left: 5px;">备案号：</span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备19072339号-2</a>
    </div>
  </div>
</template>

<script>
import axios from '../plugins/axios'
  export default {
    transition: 'bounce',
    name: 'footerModal',
    props: [],
    data () {
      return {
        list:[],
        listShow:false
      }
    },
    created() {
      this.getAll();
    },
    methods:{
      async getAll() {
        let {
          data: { data }
        } = await axios.get( "/api/uccn/app/unauth/friend_link/list");
        if(data.length == 0){
          this.listShow = false
        }else{
           this.listShow = true
        }
        this.list = data;
        console.log(data);
      },
    }
  }
</script>
