|
@@ -1,29 +1,34 @@
|
|
|
<template>
|
|
|
- <div class="layout-footer">
|
|
|
- <div class="layout-footer-warp">
|
|
|
- <el-link href="https://beian.miit.gov.cn/" target="_blank" style="color:#333" :underline="false">备案号:蜀ICP备19035032号-36</el-link>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="layout-footer">
|
|
|
+ <div class="layout-footer-warp">
|
|
|
+ <el-link href="https://beian.miit.gov.cn/" target="_blank" style="color: #333" :underline="false">备案号:{{ footerText }}</el-link>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts" name="layoutFooter">
|
|
|
// 此处需有内容(注释也得),否则缓存将失败
|
|
|
+import { computed } from 'vue';
|
|
|
+
|
|
|
+const footerText = computed(() => {
|
|
|
+ return import.meta.env.VITE_FOOTER_TEXT;
|
|
|
+});
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
.layout-footer {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- position: absolute;
|
|
|
- bottom: 10px;
|
|
|
- z-index: 10;
|
|
|
- &-warp {
|
|
|
- margin: auto;
|
|
|
- text-align: center;
|
|
|
- animation: error-num 0.3s ease;
|
|
|
- :deep(.el-link) {
|
|
|
- //color: var(--el-text-color-secondary);
|
|
|
- }
|
|
|
- }
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 10px;
|
|
|
+ z-index: 10;
|
|
|
+ &-warp {
|
|
|
+ margin: auto;
|
|
|
+ text-align: center;
|
|
|
+ animation: error-num 0.3s ease;
|
|
|
+ :deep(.el-link) {
|
|
|
+ //color: var(--el-text-color-secondary);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|