cmanager/src/page/login/CmanageFooter.vue

<template>
  <div class="layoutBottomBox">
      <div class="footerPrepare">
        <p>
          Copyright © 2021 馆陶县智慧就业服务平台
          <a href="//beian.miit.gov.cn" target="blank">京ICP备16004663号-10</a>
          经营许可证编号：京B2-20130104
          <a href="/home/img/license/YYZZ.jpg" target="blank"
            ><img
              height="16"
              src="/manage/img/icon-badge-1.png"
            />电子营业执照</a
          >&nbsp;
          <a href="/home/img/license/RLZYXKZ.jpg" target="blank"
            >人力资源服务许可证</a
          >
        </p>
      </div>
    </div>
  </div>
</template>

<script>
let config;
if (process.env.VUE_APP_SITE === "default") {
  config = {
    phone: "",
    email: "",
    address: "",
    gongzhonghao: "",
    xiaochengxu: "",
  };
}

export default {
  name: "layoutBottom",
  data() {
    return { config };
  },
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
.layoutBottomBox {
  background: #ffffff;
}
.footerTop {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
h4 {
  font-size: 18px;
  color: #666666;
  margin-top: 40px;
}
.contactUs p {
  line-height: 40px;
  font-size: 14px;
  color: #666666;
}
.footerPrepare {
  width: 100%;
  text-align: center;
  border-top: 1px solid #dddddd;
  padding: 31px 0;
  margin-top: 40px;
  font-size: 14px;
  color: #999999;
}
.footerPrepare a,
.footerPrepare a:hover,
.footerPrepare a:visited {
  color: inherit;
}
.footerCode {
  display: flex;
  margin-top: 30px;
}
.footerCode div {
  text-align: center;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 20px;
}
</style>