<template>
  <el-footer class="footer">
    <el-divider style="margin:0;"></el-divider>
    <div class="footerMain">
      <p class="fooer-inner titleInner">Copyright© 2018-2022 Beijing JingTouZhuXiao Information Technology Co.,
      Ltd. All Rights Reserver</p>
      <div class="fooer-inner widthStyle">
        <p class="fooer-inner"><a href="http://www.miibeian.gov.cn/" style="float: left;text-decoration: none;color:#666;">备案号：京ICP备 2022008108号-2</a></p> <a
          target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=2022008108"
          style="display: inline-block; text-decoration: none;color:#666;">
          <p class="fooer-inner" style="float: left; margin: 0px;"> 联系我们：13522187008 刘老师</p>
        </a>
      </div>
    </div>
  </el-footer>
</template>
<script>
export default {
  data() {
    return {}
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.footer{
  position: fixed; /* 固定在底部 */
  left: 0; /* 左侧对齐 */
  bottom: 0px; /* 底部对齐 */
  width: 100%; /* 宽度占满整个视口 */
  height: 60px !important;
  .footerMain{
    width:100%;
    margin:0 atuo;
    text-align: center;
  }
  .fooer-inner{
    font-size: 12px;
    color:#666;
  }
  .titleInner{
    margin-bottom: 10px;
  }
  .widthStyle{
    width: 500px; margin: 0px auto;
  }
}
:deep() .el-divider--horizontal{
  margin:10px 0;
}
</style>