提交 | 用户 | 时间
|
820397
|
1 |
<script lang="ts" setup> |
H |
2 |
import { useAppStore } from '@/store/modules/app' |
|
3 |
import { useDesign } from '@/hooks/web/useDesign' |
|
4 |
|
|
5 |
// eslint-disable-next-line vue/no-reserved-component-names |
|
6 |
defineOptions({ name: 'Footer' }) |
|
7 |
|
|
8 |
const { getPrefixCls } = useDesign() |
|
9 |
|
|
10 |
const prefixCls = getPrefixCls('footer') |
|
11 |
|
|
12 |
const appStore = useAppStore() |
|
13 |
|
|
14 |
const title = computed(() => appStore.getTitle) |
c9a6f7
|
15 |
|
H |
16 |
|
|
17 |
// 添加当前年份计算属性 |
|
18 |
const currentYear = computed(() => new Date().getFullYear()) |
820397
|
19 |
</script> |
H |
20 |
|
|
21 |
<template> |
|
22 |
<div |
|
23 |
:class="prefixCls" |
3e359e
|
24 |
class="h-[var(--app-footer-height)] bg-[var(--app-content-bg-color)] text-center leading-[var(--app-footer-height)] text-[var(--el-text-color-placeholder)] dark:bg-[var(--el-bg-color)] overflow-hidden" |
820397
|
25 |
> |
c9a6f7
|
26 |
<span class="text-14px">Copyright ©{{ currentYear }} {{ title }}</span> |
820397
|
27 |
</div> |
H |
28 |
</template> |