<template>
  <div class="icp">
    {{ `© ${year} ${author} ` }}<a href="http://beian.miit.gov.cn/" target="_blank">{{ record }}</a>
  </div>
</template>

<script setup>
let year = new Date().getFullYear(); // 一般都是最新的一年
let author = '一卡通系统'; // 作者名
let record = '湘ICP备2024xxxxxx号'; // 备案号
</script>

<style>
.icp {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 5px 0;
  width: 100%;
  height: 30px;
  white-space: pre;
  text-align: center;
  color: gray;
  z-index: 1000;
}
.icp > a {
  color: gray;
  text-decoration: none;
}
.icp > a:hover {
  color: aqua;
  text-decoration: none;
}
</style>
