SEEC-Portal-Front/components/Foot.vue

<template>
 <footer class="foot">
   <div class="foot__main">
     <div class="foot__left">
       <img src="/image/seec_logo.png" class="foot__logo" />
       <!--<div class="foot__slogan">打造最贴心的软件工程教育云平台，做最专业的老师，当最可靠的伙伴</div>-->
     </div>
     <div class="foot__right">
       <div class="foot__list">
         <div class="foot__title">关于我们</div>
         <a>常见问题</a>
         <a>意见反馈</a>
         <a>联系我们</a>
         <a>法律条款</a>
       </div>

       <div class="foot__list foot__list-icons">
         <div class="foot__title">关注我们</div>
         <a href="https://zhuanlan.zhihu.com/c_1220396784981487616" target="_blank"><div class="foot__icon foot__icon-zhihu"></div></a>
         <a href="https://space.bilibili.com/507030405" target="_blank"><div class="foot__icon foot__icon-bilibili"></div></a>
       </div>
       <div class="foot__list">
         <div class="foot__title">合作机构</div>
         <a>南京大学</a>
         <a>阿里巴巴</a>
       </div>
     </div>
   </div>
   <div class="foot__bottom">
     ©2020 NJU SEECODER TEAM<br>
     苏ICP备19073881号-1
   </div>
 </footer>
</template>

<script>
  export default {
    name: "Foot"
  };
</script>

<style scoped>

</style>