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

<template>
  <div class="w_footer" data="">
    <div class="w1200 clearfix">
      <div class="fl">
        <div class="copyright">
          Copyright© 2017 huijiaoyun.com.   All rights reserved&nbsp;&nbsp;技术运营支持：<a href="http://www.huijiaoyun.com/" class="linkc" target="_blank">中国教育科技有限公司</a>            <br>   <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42018502000485" class="c555"><img src="http://cdn.css.huijiaoyun.com/tianyu_edu/area/edu4.0/images/beian.png" class="mgr5" style="vertical-align: bottom;">鄂公网安备 42018502000485号</a>&nbsp;&nbsp;&nbsp;鄂ICP备13001992号
        </div>
        <div class="hotline">
          <span>客户服务热线：4001801818</span>
          <a class="icon01" target="_blank" href="http://weibo.com/p/1006065506433983"></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>
            <dd><a target="_blank" href="">公司简介</a></dd>
            <dd><a target="_blank" href="">业务定位</a></dd>
            <dd><a target="_blank" href="">资质证书</a></dd>
            <dd><a target="_blank" href="">成果案例</a></dd>
          </dl>
          <dl>
            <dt>开放平台</dt>
            <dd><a target="_blank" href="">开发者首页</a></dd>
            <dd><a target="_blank" href="">开发者注册</a></dd>
            <dd><a target="_blank" href="">开发者文档</a></dd>
            <dd><a target="_blank" href="">开发者协议</a></dd>
          </dl>
          <dl>
            <dt>帮助反馈</dt>
            <!-- <dd><a href="" target="_blank">在线客服</a></dd> -->
            <dd><a href="" target="_blank">在线客服</a></dd>
            <dd><a href="">问题反馈</a></dd>
            <dd><a href="">帮助中心</a></dd>
            <!--<dd><a href="">更新日志</a></dd>-->
          </dl>
          <dl>
            <dt>服务支持</dt>
            <dd><a href="">服务条款</a></dd>
            <dd><a href="">运营支持</a></dd>
            <dd><a target="_blank" href="">应用监控</a></dd>
            <dd><a target="_blank" href="">后台管理</a></dd>
          </dl>
          <dl>
            <dt>联系我们</dt>
            <dd><a href="">服务网点</a></dd>
            <dd><a href="">商务合作</a></dd>
            <dd><a href="">证书查询</a></dd>
          </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>