修改 footer

components/footer.vue

@@ -1,71 +1,81 @@
 <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>
-             </dl>
-             <dl>
-               <dt>帮助中心</dt>
-               <dd><a rel="nofollow" href="https://www.kancloud.cn/yhm-122130/mtaks2020/content/%E4%BA%8C%E7%BA%A7%E7%AE%A1%E7%90%86%E5%91%98%E8%AE%BE%E7%BD%AE%E5%8A%9F%E8%83%BD%E8%AF%B4%E6%98%8E.md" target="_blank">考试文档</a></dd>
-               <dd><a rel="nofollow" href="https://www.kancloud.cn/yhm-122130/mtapx_new/content/%E4%BA%BA%E5%91%98%E7%AE%A1%E7%90%86%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D.md" 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>
-           </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>
-               <p>（仅收市话费）</p>
-               <a href="http://p.qiao.baidu.com/cps/chat?siteId=11735491&amp;userId=10530011" target="_blank">联系客服</a>
-             </div>
-           </div>
-         </div>
-         <div class="link-box">
-           <h4>友情链接</h4>
-           <div class="link-a-box">
-             <a :href="item.url" v-for="(item,index) in requestData" :key="index">{{item.name}}</a>
-           </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 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>
+          </dl>
+          <dl>
+            <dt>帮助中心</dt>
+            <dd><a rel="nofollow"
+                   href="https://www.kancloud.cn/yhm-122130/mtaks2020/content/%E4%BA%8C%E7%BA%A7%E7%AE%A1%E7%90%86%E5%91%98%E8%AE%BE%E7%BD%AE%E5%8A%9F%E8%83%BD%E8%AF%B4%E6%98%8E.md"
+                   target="_blank">考试文档</a></dd>
+            <dd><a rel="nofollow"
+                   href="https://www.kancloud.cn/yhm-122130/mtapx_new/content/%E4%BA%BA%E5%91%98%E7%AE%A1%E7%90%86%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D.md"
+                   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>
         </div>
-     </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>
+            <p>（仅收市话费）</p>
+            <a href="http://p.qiao.baidu.com/cps/chat?siteId=11735491&amp;userId=10530011" target="_blank">联系客服</a>
+          </div>
+        </div>
+      </div>
+      <div class="link-box">
+        <h4>友情链接</h4>
+        <div class="link-a-box">
+          <a :href="item.url" v-for="(item,index) in requestData" :key="index">{{item.name}}</a>
+        </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>
+      <a :href="item.url" v-for="(item,index) in footerData" :key="index">{{item.name}}</a>
+    </div>
+  </div>
 </template>
 
 <script>
-  import { mapState, mapGetters } from 'vuex';
+  import {mapState, mapGetters} from 'vuex';
+
   export default {
-    name:    'mtaFooter',
+    name: 'mtaFooter',
     computed: {
       requestData() {
         return this.getFooterYouQingLianJie;
@@ -74,28 +84,47 @@
     },
     data() {
       return {
-        swTwoCodeImg:   require(`~/static/images/client/component/sw-two-code.jpg`),
+        swTwoCodeImg: require(`~/static/images/client/component/sw-two-code.jpg`),
+        footerData: [
+          {
+            name: '首页',
+            url: '/',
+          },
+          {
+            name: '体验中心',
+            url: '/tiyanCenter',
+          },
+          {
+            name: '电话咨询',
+            url: '',
+          },
+          {
+            name: '在线咨询',
+            url: '',
+          }
+
+        ]
       }
     },
     methods: {
-      goToPage(item){
+      goToPage(item) {
         window.location.href = item.url
       },
       // 考试链接
-      goExamPage(){
-        this.$router.push({ name: 'examsystem' });
+      goExamPage() {
+        this.$router.push({name: 'examsystem'});
       },
       // 培训链接
-      goPeixunPage(){
-        this.$router.push({ name: 'trainsystem' });
+      goPeixunPage() {
+        this.$router.push({name: 'trainsystem'});
       },
       // 课程开发链接
-      goKechengPage(){
-        this.$router.push({ name: 'courseware' });
+      goKechengPage() {
+        this.$router.push({name: 'courseware'});
       },
       // 关于帮助中心
-      goaboutUs(){
-        this.$router.push({ name: 'introduction' });
+      goaboutUs() {
+        this.$router.push({name: 'introduction'});
       },
     },
   }