portal/src/components/client/common/footer.vue

<template>
    <div class="client-footer">
        <div class="client-container">
            <div class="contact-box">
                <div class="contact-left-box">
                    <dl>
                        <dt>产品服务</dt>
                        <dd>考试平台</dd>
                        <dd>培训平台</dd>
                        <dd>课程开发</dd>
                    </dl>
                    <dl>
                        <dt>关于栋科</dt>
                        <dd>公司简介</dd>
                        <dd>加入栋科</dd>
                        <dd>联系我们</dd>
                    </dl>
                    <dl>
                        <dt>帮助中心</dt>
                        <dd>说明文档</dd>
                        <dd>应用下载</dd>
                    </dl>
                    <dl>
                        <dt>法律声明</dt>
                        <dd>服务条款</dd>
                        <dd>隐私声明</dd>
                        <dd>知识维权</dd>
                    </dl>
                    <dl>
                        <dt>关注我们</dt>
                        <dd>微信公众号</dd>
                        <dd>新浪微博</dd>
                    </dl>
                </div>
                <div class="contact-right-box">
                    <h3>400-052-2130</h3>
                    <p>周一至周日9:00-18:00</p>
                    <p>（仅收市话费）</p>
                    <a>联系客服</a>
                </div>
            </div>
            <div class="link-box">
                <h4>友情链接</h4>
                <div class="link-a-box">
                    <a v-for="(item,index) in linksData" :key="index" @click="goToPage(item)">{{item.name}}</a>
               <!--     <a>物流软件</a>
                    <a>免费erp管理系统</a>
                    <a>物流软件</a>
                    <a>免费erp管理系统</a>
                    <a>物流软件</a>
                    <a>免费erp管理系统</a>
                    <a>物流软件</a>
                    <a>免费erp管理系统</a>
                    <a>物流软件</a>
                    <a>新零售系统</a>
                    <a>物流软件</a>
                    <a>新零售系统</a>
                    <a>物流软件</a>
                    <a>新零售系统</a>
                    <a>物流软件</a>
                    <a>新零售系统</a>
                    <a>物流软件</a>
                    <a>新零售系统</a>
                    <a>物流软件</a>
                    <a>新零售系统</a>-->
                </div>
            </div>
            <h5>Copyright © 2019 llisoft.com All rights reserved 大连栋科软件工程有限公司 版权所有 辽ICP备09022904号-19</h5>
        </div>
    </div>
</template>

<script>
    import { mapGetters } from 'vuex'
    import { homeLinksList } from '@/api/login.js';
    export default {
        name:    'mtaFooter',
        computed: {

        },
        props:   {
            activeNav: {},
        },
        data() {
            return {
                linksData:[]
            };
        },
        watch:   {
        },
        methods: {

            getLinksData(){
                homeLinksList().then(res=>{
                       if(res.code===0){
                           console.log(res.data.data);
                           this.linksData = res.data.data
                           console.log(this.linksData);
                       }
                })
            },
            goToPage(item){
                window.location.href = item.url
            }
        },
        created() {
            this.getLinksData()
        }
    };
</script>