TEAMModelOS/TEAMModelOS.SmartTeach/ClientApp/common/footer.vue

<template>
  <div class="w_footer" data="">
    <div class="w1200 clearfix">
      <div class="fl">
        <div class="copyright">
          Copyright© 2018 yijiao.com.   All rights reserved&nbsp;&nbsp;技术运营支持：<a href="" class="linkc" target="_blank">成都益教信息技术有限公司</a>            <br>   <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42018502000485" class="c555"></a>&nbsp;&nbsp;&nbsp;
        </div>
        <div class="hotline">
          <span>客户服务热线：028-86654303</span>
          <a class="icon01" target="_blank" href=""></a>
          <a class="icon02" href="#">
          </a>
          <a class="icon03" href="" target="_blank"></a>
        </div>
      </div>
      <div class="fr">
        <div class="bot-nav clearfix">
          <dl>
            <dt>联系我们</dt>
          </dl>
        </div>
      </div>
    </div>
  </div>
</template>
<script>

</script>
<style>
  .w_footer {
    width:100%;
    height: 170px;
    background: #fafbfc;
    font-size: 13px;
    float:left;
  }
  .w1200 {
    width: 1200px;
    display: block;
    margin: 0 auto;
  }
  .fl {
    float: left;
  }
  .w_footer .copyright {
    color: #555;
    line-height: 23px;
    padding-top: 37px;
  }
  .w_footer .hotline {
    padding-top: 28px;
  }
  .w_footer a.linkc {
    color: #555;
  }
  .w_footer .bot-nav {
    padding-top: 36px;
  }
    .w_footer .bot-nav dl {
      float: left;
      padding-left: 50px;
      line-height: 24px;
    }
  .fr {
    float: right;
  }
  .w_footer .bot-nav dl dd a {
    color: #777;
  }
  a, a:visited {
    text-decoration: none;
  }
</style>