psychic_camera_school/src/components/Footer.vue

<template>
  <div class="footer">
    <div class="wrap" style="overflow:hidden">
      <ul class="record">
        <li  v-if="$store.state.systemVersion != 'lan'">
          <a
            target="_blank"
            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011402011379"
            ><img src="../assets/beian.png" /><span class="ml10"
              >京公网安备 11011402011379号</span
            ></a
          >
        </li>
        <li  v-if="$store.state.systemVersion != 'lan'">
          <a href="javascript:;">京ICP备20000146号-2</a>
        </li>
        <li>
          <a href="javascript:;">Copyright© 北京决明科技有限公司</a>
        </li>
      </ul>
    </div>
  </div>
</template>

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

<style scoped>
.footer {
  width: 100%;
  background: #00CDDD;
  overflow: hidden;
}

.footer .record {
  display: flex;
  justify-content: center;
}

.footer .record li {
  line-height: 36px;
  margin: 0 35px;
}

.footer .record li a {
  color: #ffffff;
}

.footer .record img,
.footer .record span {
  vertical-align: middle;
}
</style>