nuxtProject/components/footer2.vue

<!--无友情链接 footer-->
<template>
      <div class="client-footer">
       <div class="client-container mta-hidden-xs">
         <div class="contact-box">
           <div class="contact-left-box">
             <dl>
               <dt>产品服务</dt>
               <dd @click="goExamPage">考试平台</dd>
               <dd @click="goPeixunPage">培训平台</dd>
               <dd @click="goKechengPage">课程开发</dd>
             </dl>
             <dl>
               <dt>关于栋科</dt>
               <dd @click="goaboutUs">公司简介</dd>
               <dd @click="goaboutUs">加入栋科</dd>
               <dd @click="goaboutUs">联系我们</dd>
               <dd @click="goHzs">城市合作商</dd>
             </dl>
             <dl>
               <dt>帮助中心</dt>
               <dd><a rel="nofollow" href="https://xzrnn7br7j.k.topthink.com/@mtavip/mta001.html" target="_blank">帮助文档</a></dd>
               <!--<dd><a rel="nofollow" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank">应用下载</a></dd>-->
             </dl>
             <!--<dl>
               <dt>法律声明</dt>
               <dd>服务条款</dd>
               <dd>隐私声明</dd>
               <dd>知识维权</dd>
             </dl>-->
             <dl>
               <dt>关注我们</dt>
               <dd class="two-code-box">微信公众号<i class="two-dimensional-code"></i></dd>
               <!--<dd>新浪微博</dd>-->
             </dl>
             <dl v-if="hotList.length">
               <dt>热门推荐</dt>
               <div style="display: flex;flex-direction: column;justify-content: flex-start;flex-wrap: wrap;height: 80px">
                 <dd style="margin-right: 10px;text-align: left" v-for="item in hotList" :key="item.iiId" @click="checkNews(item)">{{item.biaoqian}}</dd>
               </div>
             </dl>
           </div>
           <div class="contact-right-box">
             <div class="right-sw-box">
               <h4>商务合作微信</h4>
               <img :src="swTwoCodeImg" alt="商务合作扫微信"/>
             </div>
             <div style="vertical-align: top;">
               <h3>400-052-2130</h3>
               <p>周一至周日9:00-18:00</p>
               <a href="https://p.qiao.baidu.com/cps/chat?siteId=17930048&userId=40179606&siteToken=e767a987c8404575246ab0084fb2c9bd" target="_blank">联系客服</a>
             </div>
           </div>
         </div>
         <h5>Copyright © 2019 llisoft.com All rights reserved 大连栋科软件工程有限公司 版权所有 <a style="color: #B8B8BB" href="https://beian.miit.gov.cn/#/Integrated/index">辽ICP备09022904号-18</a></h5>
       </div>
        <div class="mta-hidden-sm phone-footer-box">
          <p>Copyright © 2019 llisoft.com All rights reserved</p>
          <p>大连栋科软件工程有限公司 版权所有</p>
          <a href="https://beian.miit.gov.cn/#/Integrated/index">辽ICP备09022904号-18</a>
        </div>
     </div>
</template>

<script>
  import { mapState, mapGetters } from 'vuex';
  export default {
    name:    'mtaFooter',
    computed: {
      hotList() {
        return this.getHotList;
      },
      ...mapGetters(['getHotList']),
    },
    data() {
      return {
        swTwoCodeImg:   require(`~/static/images/client/component/sw-two-code.png`),
      }
    },
    methods: {
      checkNews(item) {
        const opt = {
          id: item.code,
        };
        this.$router.push({ name: 'news-id', params: opt });
      },
      // 考试链接
      goExamPage(){
        this.$router.push({ name: 'examsystem' });
      },
      // 培训链接
      goPeixunPage(){
        this.$router.push({ name: 'trainsystem' });
      },
      // 课程开发链接
      goKechengPage(){
        this.$router.push({ path: '/courseware/synopsis' });
      },
      // 关于帮助中心
      goaboutUs(){
        this.$router.push({ name: 'introduction' });
      },
      // 合作商
      goHzs(){
        this.$router.push({ name: 'urbanPartners' });
      },
    },
  }
</script>